宽度不确定的图片如何在父级的div里面水平居中?
2017-03-20 00:00
302 查看
一个不确定宽度的区块,我们也想要水平居中该怎么办?
其实可以设置其display为table,然后设置左右的margin为auto,不过ie6,7不支持display: table;除此之外我们还可以用css3的box-align和box-pack来实现,当然那更不兼容了
代码如下:
因为不兼容,我们得想一个兼容的办法啊,那就是直接用table来构造喽
代码如下:
其实可以设置其display为table,然后设置左右的margin为auto,不过ie6,7不支持display: table;除此之外我们还可以用css3的box-align和box-pack来实现,当然那更不兼容了
代码如下:
.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; }
相关文章推荐
- 我有个DIV层,里面放一张图片,我如何让这张图片水平和垂直方向都居中呢???
- 宽度高度不固定的div 如何水平居中以及垂直居中
- 假如有一个固定高度的div,如何让里面的一个图片垂直居中?
- DIV里面的图片水平与垂直居中的方法
- html 中 div不定宽度如何水平居中的解决方案
- 如何让图片相对于上层DIV始终保持水平、垂直都居中
- 宽度高度不固定的div如何水平居中与垂直居中(转)
- 如何让图片相对于上层DIV始终保持水平、垂直都居中
- DIV里面的图片水平与垂直居中的方法
- 如何让DIV里面的DIV水平垂直居中
- 百分比宽度div如何水平居中
- 百分比宽度div如何水平居中
- css 如何设置 某div 里面的所有图片的最大宽度。当加入文章里图片时,图片自动按比例减小。
- 宽度高度不固定的div 如何水平居中以及垂直居中
- 让图片在DIV容器里面水平垂直居中的方法
- html 中 div不定宽度如何水平居中的解决方案
- 父元素为一个div,宽度高度不固定,子元素是一个块状元素,宽高已知,如何实现子元素在父元素内水平、垂直居中?
- 如何让图片在垂直方向与 div的底部对齐 水平居中
- 宽度高度不固定的div,如何水平居中以及垂直居中
- 如何使图片在DIV 中水平垂直居中