您的位置:首页 > Web前端 > CSS

DIV固定宽度居中显示-Div+CSS布局案例

2013-04-10 16:27 423 查看
这个例子的主要内容是居中显示,现在的显示器的宽度都比较大,并且规格不统一,所以判断一个网页是不是专业,第一眼就是这个网站是不是居中,如果不居中,一般不是一个很老的没有人维护的网站就是一个技术很差的人写的。
CSS代码如下:

body { font-family:Verdana; font-size:14px; margin:0;}

#container {margin:0 auto; width:900px; height:500px; background:#CD5C5C;}
页面代码如下:

<div id="container">

<p>1列固定宽度居中</p>

</div>

效果下图显示:(点击看大图)

其中居中的关键是“margin:0 auto;”
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css样式div居中
相关文章推荐