【问题标题】:Unwanted space between rows within nested tables - HTML/CSS嵌套表中的行之间不需要的空间 - HTML/CSS
【发布时间】:2014-05-05 14:36:54
【问题描述】:

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

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

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

这种类型的事情是嵌套表格时的常见问题吗?页面上的其他内容是否会阻止这些行聚集在一起?

如果你会问,我正在将这些图像切开,以便创建翻转按钮。

【问题讨论】:

    标签: html rows padding webpage css-tables


    【解决方案1】:

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

    【讨论】:

    • 遗憾的是,这并没有起到任何作用。我什至尝试将这些样式属性添加到各个嵌套表中,但没有任何变化。
    【解决方案2】:

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

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

    【讨论】: