扫码关注官方订阅号
走同样的路，发现不同的人生
这可能是一个display:table-cell的bug我在chrome中没问题，child的高度就是122px但是在火狐却有问题
display:table-cell
但是p里面有内容的话又正常了我猜测可能与veitical-align有关系，加上vertical-align:middle后，没有内容的p也能显示正常
veitical-align
vertical-align:middle
这可能是浏览器的兼容性问题导致没有内容的table-cell以间隙填充，就像img也标签有个空白间隙一样。（可以参考张鑫旭的《CSS深入理解vertical-align和line-height的基友关系》中提到的幽灵空白节点）解决的办法就是给table-cell加上vertical-align的值。
table-cell
vertical-align
这只是我的初步猜测，希望指正。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
1
556
收藏
这可能是一个
display:table-cell的bug我在chrome中没问题，child的高度就是122px
但是在火狐却有问题
但是p里面有内容的话又正常了
我猜测可能与
veitical-align有关系，加上vertical-align:middle后，没有内容的p也能显示正常这可能是浏览器的兼容性问题导致没有内容的
table-cell以间隙填充，就像img也标签有个空白间隙一样。（可以参考张鑫旭的《CSS深入理解vertical-align和line-height的基友关系》中提到的幽灵空白节点）解决的办法就是给
table-cell加上vertical-align的值。这只是我的初步猜测，希望指正。