垂直居中

阅读数:828 发布时间:2016-06-20 20:18:12

作者:zzl005 标签:

父元素高度确定的单行文本

父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的

父元素高度确定的多行文本(方法一)

方法一:使用插入 table (包括tbody、tr、td)标签,同时设置 vertical-align:middle

父元素高度确定的多行文本(方法二)

在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell,激活 vertical-align 属性,但注意 IE6、7 并不支持这个样式

相关文章推荐: