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

css 中有一个用于竖直居中的属性 vertical-align,在父元素设置此样式时,会对inline-block类型的子元素都有用。

<body><table><tbody><tr><td class="wrap"><div>
    <p>看我是否可以居中。</p>
</div></td></tr></tbody></table></body>
table td{height:500px;background:#ccc}
文中说vertical-align会对inline-block的子元素有用
可是td的子元素<div>是块状元素吧?


正在回答

2 回答

后面怎么理解的??

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

vertical-align这个属性是可以继承的,所以此时子元素div继承了这个属性,但未生效,后代元素p生效了

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

qq_慕勒9306887

不对不对,并不是因为p标签继承了,根本没继承,我看了下vertical-align这个属性是从tbody默认带有的middle,tr的vertical-align属性为inherit,td的也是inherit,并没有往下继承,下面的div和p根本不带vertical-align这个属性,之所以垂直居中了,是因为td从tbody一路继承下来的vertical-align:middle(垂直居中);只要在td里的内容,都会垂直居中显示,无论是块状元素或是文本,若是table没有设置高度,就看不出来效果,高度增加,仍然会在中间位置
2019-09-16 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

css 中有一个用于竖直居中的属性 vertical-align,在父元素设置此样式时,会对inline-block类型的子元素都有用。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信