css – 为什么display:table-cell受其他单元格中元素的影响

前端之家收集整理的这篇文章主要介绍了css – 为什么display:table-cell受其他单元格中元素的影响前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在CSS表中,有人可以帮助我理解为什么第一列中的填充元素会影响第二列中的div吗?

这是一个段落具有填充集的示例.右列中的DIV也是 – 填充不正确.在左列内容上指定行高时我遇到了类似的问题,但简化了此问题的示例.

http://jsfiddle.net/APXT7/2/

关于表格单元有许多相似/相关的问题,但我找不到专门解决这个问题的问题.

解决方法

这很可能是行高的问题,而不是填充之一.这意味着,尽管您可能怀疑,实际上没有填充传播到右列(计算值仍为零).我仍然称它为调整p元素填充的副作用.

p元素顶部和底部的填充将其基线向下推.这导致同一行/行上的其他“单元”的基线也移位.当然,你可以找到spec中列出的所有细节,但由于两个“细胞”具有相同的垂直对齐(基线),所以当一个移位时它们必须排列.

原文链接:https://www.f2er.com/css/215950.html

猜你在找的CSS相关文章