水平居中一个不确定宽度区块的代码
2012-04-01 00:44
441 查看
其实可以设置其display为table,然后设置左右的margin为auto,不过ie6,7不支持display: table;除此之外我们还可以用css3的box-align和box-pack来实现,当然那更不兼容了
因为不兼容,我们得想一个兼容的办法啊,那就是直接用table来构造喽
.centered-block{
margin-left: auto !important;
margin-right: auto !important;
}
.element{ display: table; margin: 0 auto; }
因为不兼容,我们得想一个兼容的办法啊,那就是直接用table来构造喽
<table class="centered-block"> <tbody> <tr> <td> <div>我是需要水平居中的东西</div> </td> </tr> </tbody> </table>
.centered-block{
margin-left: auto !important;
margin-right: auto !important;
}
相关文章推荐
- CSS水平居中一个不确定宽度的区块
- 父元素为一个div,宽度高度不固定,子元素是一个块状元素,宽高已知,如何实现子元素在父元素内水平、垂直居中?
- 宽度不确定的图片如何在父级的div里面水平居中?
- css 水平居中,垂直居中,自适应宽度的代码
- 不确定宽度的块级元素的水平居中三方法
- css 盒子水平居中(确定宽度和不确定宽度)
- 元素宽度、高度不确定时实现绝对定位水平垂直居中
- 不确定宽度的块级元素的水平居中
- css不确定宽度的水平居中
- css不确定宽度的水平居中
- 定位 宽度不确定 水平居中
- DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为150px,中间那个DIV充满剩余的宽度
- 不确定宽度的块级元素的水平居中三方法
- 宽度高度不固定的div 如何水平居中以及垂直居中
- 轮播图 宽度自适应,可视区域小于1920时,图片水平居中
- 不固定宽度 浮动元素实现 水平居中
- 自适应宽度盒子水平垂直居中css
- margin将一个div水平居中
- Repeater JJ : 不要随便说精通"这是教训(一个水平垂直都居中的DIV样式)
- 转载未知大小的图片在一个已知大小容器中的水平和垂直居中(二)