DIV+CSS网页布局技巧实例1：设置网页整体居中的代码

转载于 2019-03-06 15:51:00 发布 · 400 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/beiluo712/p/9925327.html

本文介绍了使用DIV+CSS实现网页居中的方法，通过设置特定的CSS样式，如margin:0 auto; 和text-align:center;，可以轻松实现网页内容的水平居中。此方法适用于现代网页设计，替代了传统的表格布局。

以前用表格布局时设置网页居中非常方便，把表格对齐方式设置为居中就行了，就这么简单，现在呢，用DIV+CSS样式表控制，好像不是那么容易了，其实也很简单，只不过方式不同而已。

1 <style>
2 #layout { 
3     width:778px; 
4     margin:0 auto; 
5     text-align:center;
6 }
7 </style>
8 <div id="layout">设置网页整体居中的代码</div>

转载于:https://www.cnblogs.com/beiluo712/p/9925327.html