css垂直居中方法整理

2017-11-26  本文已影响0人  阿鲁提尔
提示:不要给父div设置高度,很容易出现bug

行高+padding垂直居中法(兼容性好IE5.5及以上)

table垂直居中法(兼容性好IE5.5及以上)

**假如给父元素设置了高度(强烈不推荐)**

代码

使用伪元素对齐(兼容性好IE5.5及以上)

把边框去掉即可

代码

使用div代替table(兼容性好IE5.5及以上)

div设置display:table 就和table标签没什么区别了

绝对定位垂直居中法

知道子元素的宽高,用该方法

css3 transform法(IE不支持的)

不需要知道子元素宽高,但不兼容IE8


margin: auto 垂直定位法(兼容IE)

知道子元素宽高,使用margin垂直居中

css3 flex垂直居中法(IE不支持,其他浏览器都支持)

上一篇 下一篇

猜你喜欢

热点阅读