display:table和display:table-cell实现单行,多行文本垂直居中
发布日期:2021-05-11 00:05:46 浏览次数:24 分类:精选文章

本文共 2185 字,大约阅读时间需要 7 分钟。

������������������������������������������������������������������������������������������������������������������������������������������������������������������Flex���������������������������������������������������������������������������������������������������������������������������������������������������������������������������display: table���display: table-cell���������

������������������������������������������������������HTML���������������������������������������������������������display: table���������HTML���<table>���������display: table-cell���������<td>���<th>���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

���������������������������������������������������

hello world
hello world
hello world
hello world

CSS���������������

body {
background: #ccc;
}
div {
display: table;
text-align: center;
margin: 100px auto;
background: #fff;
}
p {
display: table-cell;
vertical-align: middle;
width: 500px;
height: 200px;
}

������������������������������������ ���������������������������������������������������������������������������������HTML������������������������������������������CSS���������������

���������������������������������������Flexbox���Grid���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

������������������display: table-cell���������������������vertical-align���������inherit������������������������������������������������������������������������������������������������������������������������������vertical-align: middle���

������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

上一篇:js node的nodetype属性
下一篇:Vue项目中axios请求的时候使用localStorage去拼接报的401错误

发表评论

最新留言

初次前来,多多关照!
[***.217.46.12]2025年04月04日 15时08分52秒