需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,填充问题基础代码。
2、在index.html中的
标签中,输入样式代码:style="border: 5px solid blueviolet;text-align: center;"。3、浏览器运行index.html页面,此时
标签的内容被上下左右居中了。首先要设置好body的宽度、高度。
然后把内容用一个div包裹起来,具体如下。
#content{
position: absolute;
top: 50%;
left: 50%;
trasform: translate(-50%)
}
这里是内容
我一般都是在外面添加一个一行一列的表格,然后把内容写在这个表格里,再设置居中,例如:
居中 |
这个啊,你在dreamweaver的"设计"那里把想要的东西放左放右居中都行哈~
一般居中的代码是:
body中的内容用一个DIV包裹起来,然后设置这个DIV的属性为 {width:123px;margin:0 auto;position:absolute;height:500px;top:50%;margin-top:-(500的一半=250px)px;}