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

CSS的超级技巧大放送6

2007-03-29 17:08 609 查看
十四.横向居中(centering)
这是一个简单的技巧,但是值得再说一遍,因为我看见太多的新手问题都是问这个:CSS如何横向居中?你需要定义元素的宽,并且定义横向的margin,如果你的布局包含在一个层(容器)中,就象这样:
<!-- 你的布局这里开始 -->
你可以这样定义使它横向居中:
 

以下是引用片段:
 

#wrap{
width:760px;/*修改为你的层的宽度*/
margin:0auto;
}
但是IE5/Win不能正确显示这个定义,我们采用一个非常有用的技巧来解决:用text-align属性。就象这样:
 

以下是引用片段:
 

body{
text-align:center;
}
#wrap{
width:760px;/*修改为你的层的宽度*/
margin:0auto;
text-align:left;
}
第一个body的text-align:center; 规则定义IE5/Win中body的所有元素居中(其他浏览器只是将文字居中) ,第二个text-align:left;是将#warp中的文字居左。 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css 浏览器 ie