vertical-align:middle无效的原因以及解决办法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_16390749/article/details/80400978

vertical-align属性只对行内元素有效,对块内元素无效!


当display:inline-block;为必要条件的时候,可以适当用table-cell取替、

将display属性设置为table-cell,块元素转化为单元格,然后加上vertical-align:middle


另一个垂直居中的办法,是当div的高度与行高相同时,即可竖向居中。

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页