展会信息港展会大全

css div 横向居中写法
来源:互联网   发布日期:2016-03-25 15:55:37   浏览:1746次  

导读:本文章就单独讲一下关于css教程 div 横向居中写法的用法,并且在ie,ie7,firefox兼容问题。横向居中(centering) 这是一个简单的技巧,但是值得再说一遍,因为我看...

本文章就单独讲一下关于css教程 div 横向居中写法的用法,并且在ie,ie7,firefox兼容问题。

横向居中(centering)

这是一个简单的技巧,但是值得再说一遍,因为我看见太多的新手问题都是问这个:css如何横向居中?您需要定义元素的宽,并且定义横向的margin,假如您的布局包含在一个层(容器)中,您可以这样定义使它横向居中:

#wrap {

width:760px; /* 修改为您的层的宽度 */

margin:0 auto;

}

但是ie5/win不能正确显示这个定义,我们采用一个非常有用的技巧来解决:用text-align属性,就像这样:

body {

text-align:center;

}

#wrap {

width:760px; /* 修改为您的层的宽度 */

margin:0 auto;

text-align:left;

}

第一个body的text-align:center; 规则定义ie5/win中body的所有元素居中(其他浏览器只是将文字居中),第二个text-align:left;是将#warp中的文字居左。

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港