在html代码中引入的是“类选择器wrap”,为什么在css代码中设置的是 table td标签呢?讲述的是否有问题(见垂直居中-父元素高度确定的多行文本)
方法一:使用插入 table (包括tbody、tr、td)标签,同时设置 vertical-align:middle。
说到竖直居中,css 中有一个用于竖直居中的属性 vertical-align,但这个样式只有在父元素为 td 或 th 时,才会生效。所以又要插入 table 标签了。下面看一下例子:
html代码:
<body><table><tbody><tr><td class="wrap"><div>
<p>看我是否可以居中。</p>
<p>看我是否可以居中。</p>
<p>看我是否可以居中。</p>
<p>看我是否可以居中。</p>
<p>看我是否可以居中。</p>
</div></td></tr></tbody></table></body>
css代码:
table td{height:500px;background:#ccc}