1、打开一个网页，在文档左下角的标签选择器上选择BODY标签；
2、在属性面板上点击居中对齐，这样居中的页面就做好了，往里面填充内容即可；
3、转换到代码视图，看看生成的代码，选择两种形式的居中代码，使用DIV标签是其中一种，另一种是使用CENTER标签；打开编辑参数选择菜单，在对话框中选择居中使用的标签即可完成设置。第一，要给DIV设置一个宽度
第二，要把BODY设置text-align:center
这种方法只针对IE浏览器有效。
如果要针对火狐等标准浏览器，必须设置div的margin为auto为body的内容加边框，就在body里面设置个div ，然后设置它的属性，比如：边框boder:1px solid #f00; 居中：margin：auto；层里面的内容你不设置还是原来的样子。html文字居中和html居中方法代码，通过在html中实现文字居中居中篇
在html中实现文字内容居中有三种方法，其中两种使用CSS样式实现，一直使用原始的html标签内加入“align="center"”（居中）实现。
一、对body加CSS居中样式
-
TOP
我们直接对body设置CSS样式：text-align:center
1、完整HTML实例代码：
<!DOCTYPE
html>
<html
xmlns=">先将整个网页整体定义一个div，如果是用table做的，就先定义table，然后设定好这个div或者table的宽，一般都是1003或者980、960等，接着最关键的，定义body的样式如下：<body align="center">将body内的内容居中，把刚才定义的那个网页整体的div或者table样式设定如下<div align="left" width="980">将div宽度设定好，又将其里面的内容左对齐，这样就可以达到网页居中的效果了。看不懂？给你贴个具体样式吧。
<body align="center">
<div width="980" align="left">
content
</div>
</body>
content就是网页的具体内容。980只是一个数值，表示网页的宽度，可以自己设。我写个例子
<html>
<head>
<title>Home</title>
<style type="text/css">
body{margin:0px;padding:0px}
main{margin:0px auto}
</style>
</head>
<body>
<div class="main">adsfasdfasdf</div>
</body>
</html>你是想说#container居中吧。div是块级元素，使用text-align是不能居中的。可以使用margin：0 auto；居中。如果你非要用text-align的话，可以先把块级元素转化为行内元素，即为#container添加displat:inline;但是要注意对ie的兼容<style>
body
{
text-align:center;
width:950px;
margin:0 atuto;
}
</style>
<html>
<body>
Hello world
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）