其他分享
首页 > 其他分享> > [CSS] css中display: table-cell 实现垂直居中

[CSS] css中display: table-cell 实现垂直居中

作者:互联网

display:table-cell;会使元素表现的类似一个表格中的单元格td,利用这个特性可以实现文字的垂直居中效果

设置了display:cell;后,vertical-align:middle使文字内容垂直居中

例如以下用法

            height: 100px;
            display: table-cell;
            vertical-align: middle;

 

标签:居中,vertical,align,cell,table,display,CSS
来源: https://www.cnblogs.com/taoshihan/p/16436246.html