本文章就单独讲一下关于cssdiv/css.html">css教程 div 横向居中写法的用法,并且在ie,ie7,firefox兼容问题。
横向居中(centering)
这是一个简单的技巧,但是值得再说一遍,因为我看见太多的新手问题都是问这个:css如何横向居中?您需要定义元素的宽,并且定义横向的margin,假如您的布局包含在一个层(容器)中,您可以这样定义使它横向居中:
#wrap {
/* 修改为您的层的宽度 */
margin:0 auto;
}
但是ie5/win不能正确显示这个定义,我们采用一个非常有用的技巧来解决:用text-align属性,就像这样:
body {
text-align:center;
}
#wrap {
/* 修改为您的层的宽度 */
margin:0 auto;
text-align:left;
}
第一个body的text-align:center; 规则定义ie5/win中body的所有元素居中(其他浏览器只是将文字居中),第二个text-align:left;是将#warp中的文字居左。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理