Question

我有这个小桌子，这似乎不起作用。 CSS将告诉所有我想要的高度和宽度。我是以错误的方式做到这一点还是我错过了什么？

为什么并非所有边界都对齐？

在这个jsfiddle中可以看到表格，html和CSS： 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”

我认为你需要一种不同的方法来使单元格之间的间距按照你的行盘布局来实现。这确实可以解决所有问题。

使用rowspans使表格设置高度和宽度...将无法正常工作

1 个答案: