CSS - 使用rowspans设置桌面高度和宽度...不起作用

我有这个我的小桌子，看起来不起作用。 CSS会告诉所有我想要的高度和宽度。我是以一种错误的方式做这件事，或者我在这件事上遗漏了什么？CSS - 使用rowspans设置桌面高度和宽度...不起作用

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

表，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>

来源

2014-02-15 Simon Jensen

'.stamtavle table'是错的，应该是'.stamtavle' http://jsfiddle.net/YaKCT/1/ –

@ Mr.Alien得到了它，你的链接可能不会更新 - 尝试 - http：/ /jsfiddle.net/Zn9ep/1/ –

@RobSedgwick非常感谢，我不知道我是如何错过:) –

添加到您的表标签

类= “stamtavle” 的cellpadding = “0” CELLSPACING =“0 “

我认为你需要一种不同的方法来使单元格之间的间隔工作原来是由于你的行间距布局。尽管如此，这确实让所有东西都得到了整洁

来源

2014-02-15 10:39:35 snowbeluga

不会做任何事情......嗯 –

CSS - 使用rowspans设置桌面高度和宽度...不起作用

回答

相关问题