表格(td)的单元格忽略跨度和标签的上/下边距/填充

时间:2015-05-05 09:35:02

标签: html css

我有一个问题,即spanlabel marginpadding作为td table的孩子。< / p>

这个问题是在td内忽略了上边距和下边距,我的意思是左边和右边的填充有效,元素也是顶部和底部,但td隐藏了margin-top其中,padding-topmargin-bottompadding-bottom不会自动调整单元格高度,它会尊重顶部和底部边距或填充,它的行为就像您overflow: hidden一样对于具有固定td的{​​{1}}。

以下JSFiddle链接显示完整的代码和案例:

1 个答案:

答案 0 :(得分:1)

我找到了一个简单的解决方案,就是将height元素的display添加到inline,似乎inline-block高度未读取上/下边距/内联儿童的填充。

改变这样的风格:

td

jsfiddle:http://jsfiddle.net/0f4jzdmk/3/