为了账号安全,请及时绑定邮箱和手机立即绑定

在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}

正在回答

3 回答

由于 td 和 .wrap是指的一样的,你可以直接把class="wrap"删了,是一样的。

0 回复 有任何疑惑可以回复我~

这是 css 选择器的问题, table td 和 .wrap 选择的东西应该是一样的。

你可以直接用 .wrap {height:500px;background:#ccc} 效果应该是一样的。

0 回复 有任何疑惑可以回复我~

不定宽度的块状元素”设置居中,比如网页上的分页导航,因为分页的数量是不确定的,所以我们不能通过设置宽度来限制它的弹性。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

在html代码中引入的是“类选择器wrap”,为什么在css代码中设置的是 table td标签呢?讲述的是否有问题(见垂直居中-父元素高度确定的多行文本)

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号