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

唯一Chat

发布于 2022-07-24 10:26:58

7200

发布于 2022-07-24 10:26:58

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

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

例如以下用法

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-07-01，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度