Question

我已经关闭了最后一个话题，因为havr认为它已被完全回答，但是现在看来，它并非如此。链接：Space between two td or tr tags 行高：0;在这里用起来并不是很有用，因为在原创作品中我很明显还有其他的东西，而事实是，这个线条正在将所有内容组合成一条非常小的线，除了图像，我猜。我知道我可以做行高：0;到特定的td而不仅仅是td，但这里的要点是摆脱td之间的空间，因为它曾经在html 4，我想。希望some1知道答案谢谢！

''example''

<table class="main-table-default">
    <tr>
        <td>
            <table class="main-table-header-default">
                <tr>
                    <td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0">
                    </td>
                </tr>
                <tr>
                    <td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0">
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td>
        </td>
    </tr>
    <tr>
        <td>random text<br><Br>
        </td>
    </tr>
</table>

我有解决方案，我的意思是，所以你会知道...... 但它非常难看。我想要解决这个问题的方法是，在某个特定的td上做一个高度为0的行，然后在该特定的td中对其他td进行100％的行高，但这很疯狂......必须有另一种方式解决它。其他方式非常难看：/

Answer 1

在关闭TD元素之前，不要放置任何空格（包括换行符）。

而不是：

<td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0">
                </td>

写：

<td><img src="http://i1.ytimg.com/vi/OguOU5cyikI/hqdefault.jpg" border="0"></td>

或者，根据您的doctype，您可能希望省略结束</td>标记。

Answer 2

总是很好地在开始时添加reset.css以消除不必要的空间。我想你还没有做到。暂时添加以下CSS

CSS：

table, tbody, tfoot, thead, tr, th, td
{        
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
}

table
{
         border-collapse: collapse;
         border-spacing: 0;
}

小提琴：http://jsfiddle.net/KEK98/

确保在开发过程中，您包括reset.css

td＆＃39; s之间的空间 - 再一次

2 个答案: