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

2022-07-24 10:26:58 浏览数 (2)

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

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

例如以下用法

代码语言:javascript复制
            height: 100px;
            display: table-cell;
            vertical-align: middle;

0 人点赞