好文档 - 专业文书写作范文服务资料分享网站

超级牛最详细的Div+CSS布局案例教学教材

天下 分享 时间: 加入收藏 我要投稿 点赞

超级牛最详细的Div+CSS布局案例

DIV固定宽度居中显示-超级牛最详细的Div+CSS布局案例

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

CSS代码如下:

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

#container {margin:0 auto; width:900px; height:500px; background:#CD5C5C;}

页面代码如下:

1列固定宽度居中

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

其中居中的关键是“margin:0 auto;”

代码例子由“标准之路www.aa25.cn”提供,感谢!

1m0sv8f6y73pebe0io3703gjy5zcvb00lsj
领取福利

微信扫码领取福利

微信扫码分享