最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css div 横向居中写法
时间：2022-06-25 09:07:02 编辑：袖梨 来源：一聚教程网
本文章就单独讲一下关于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中的文字居左。
相关文章
- 《原神》5.2卡池抽取建议 11-14
- 《原神》5.2版本新怪物介绍 11-14
- 《原神》希诺宁增伤触发方法 11-14
- 《原神》循音觅奇活动入口 11-14
- 《原神》循音觅奇兑换码获取方法 11-14
- 《原神》花羽会活动飞行技巧介绍 11-14