嵌套表中行之间不需要的空间 - HTML / CSS

时间:2014-03-26 21:48:46

标签: html rows padding webpage css-tables

以下代码控制着我的网页的表格属性:

table, th, td
{
border:0;
border-spacing:0;
padding:0;
margin-left: auto;
margin-right: auto;
height:100px;
}

问题是包含所有部分的包含表识别样式,但嵌套表继续在行之间留有空格。请记住,每个垂直列中的切片图像与其余列的像素高度相同,因此我不认为这是一个大小问题。我能够在Dreamweaver中将所有这些组合在一起,但是当我自己编写行时,行之间仍然存在空间。

嵌套表时,这种类型的东西是常见问题吗?页面上的其他任何东西都可以阻止这些行聚集在一起吗?

如果您要问,我正在剪切这些图像,以便创建翻转按钮。

enter image description here

2 个答案:

答案 0 :(得分:1)

好吧,我找到的解决方案是将“image”添加到表格样式属性中:

table, th, td, **img**
{
border:0;
border-spacing:0;
padding:0;
margin-left: auto;
margin-right: auto;
height:100px;
}

答案 1 :(得分:0)

尝试将border-collapse:collapse;添加到您的风格