三个办法实现页面居中（布局居中）
一：在html代码页面的body标签写一个<center></center>的标签，在里面写内容即可实现居中，如：
接下来使用的两个方法的前提是你的html代码链接上css代码！！！不然没效果
二：text-align: center方法在html代码页面给某一个标签取一个名字，然后在css代码给标签设置属性
css：
效果图：
三：margin: 0 auto 0（auto左右的两个零分别代表着宽度和高度）方法和第二种方法差不多，也是在html代码页面给某一个标签取一个名字，然后在css代码给标签设置属性
注：此方法适用于在整个布局居中，和前两个不同的是使用这个方法要设置宽度和高度，不然用不了！
代码：
html及效果图：
希望能帮到你！
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2017-09-22
新建一个div容器,把要居中的内容包含，如：
<div id="wrap">这里是要包含的页面内容</div>
把下面的代码加到css文件中：
body{margin:0;}
/*重置body元素，因不同浏览器有不同的默认值，在此使之在不同的浏览器中一样*/
#wrap{margin:0 auto;width:980px;height:auto;}
/*margin:0 auto;解决居中；width:980px;height:auto;是对宽和高进行控制，楼主你可以设为自己实际的值。*/本回答被提问者采纳
<div id="wrap">这里是要包含的页面内容</div>
把下面的代码加到css文件中：
body{margin:0;}
/*重置body元素，因不同浏览器有不同的默认值，在此使之在不同的浏览器中一样*/
#wrap{margin:0 auto;width:980px;height:auto;}
/*margin:0 auto;解决居中；width:980px;height:auto;是对宽和高进行控制，楼主你可以设为自己实际的值。*/本回答被提问者采纳
第2个回答 2019-05-23
在代码视图中选择在<body>中添加居中命令即可，<body align="center">就可以的！
第3个回答 2011-04-22
把内容放在<center></center>内就行了
相似回答