html - 使用 rowspans 设置表格的高度和宽度...行不通

Question

我有一张我的小 table ，它似乎不起作用。 CSS 会告诉所有我想要的高度和宽度。我这样做的方式有误吗？或者我错过了什么？

为什么不是所有的边界都对齐？

表格、html 和 CSS 可以在这个 jsfiddle 中看到: http://jsfiddle.net/YaKCT/

<table class="stamtavle">
    <tr>
        <td rowspan=7 class="cell1"><p>Volstrups Casillas</p></td>
    </tr>
    <tr>
        <td rowspan=3 class="cell2"><p>Colman</p></td> 
    </tr>
    <tr>
        <td class="cell3"><p>Carthago Z</p></td>
    </tr>
    <tr>
        <td class="cell3"><p>Rosenquarz</p></td>
    </tr>
    <tr>
         <td rowspan=3 class="cell2"><p>Lucille</p></td>        
    </tr>
    <tr>
         <td class="cell3"><p>Lordship</p></td>
    </tr>
    <tr>
         <td class="cell3"><p>Carna</p></td>
    </tr>
    <tr>
         <td rowspan=7 class="cell1"><p>Volstrups Corona</p></td>        
    </tr>
    <tr>
        <td rowspan=3 class="cell2"><p>Churchill</p></td>
    </tr>
    <tr>
        <td class="cell2"><p>Cicero</p></td>
    </tr>
    <tr>
        <td class="cell3"><p>Ziska</p></td>
    </tr>
    <tr>
        <td rowspan=3 class="cell2"><p>Volstrups Cartia</p></td>        
    </tr>
    <tr>
        <td class="cell3"><p>Calato Z</p></td>
    </tr>
    <tr>
        <td class="cell3"><p>Sidsel</p></td>
    </tr>
</table>

Answer 1

将此添加到您的表格标签

class="stamtavle"cellpadding="0"cellspacing="0"

我认为由于您的行跨度布局，您需要一种不同的方法来使单元格之间的间距与以前一样。不过，这确实让一切都变得井井有条。