2010-09-21 100 views
1

我想要連續添加兩個表格或更多,它們必須看起來像一張表格。刪除表格行

<html> 
<head> 
<style type="text/css"> 
.cls 
{ 
border:1px solid #000000; 
} 
.cls td { 
    border:1px solid #000000; 
} 

</style> 
</head> 

<body> 
<table class="cls"> 
    <tr> 
     <td>aaa</td><td>bbb</td><td>ccc</td> 
    </tr> 
    <tr> 
     <td>ddd</td><td>eee</td><td>fff</td> 
    </tr> 
</table> 

<table class="cls"> 
    <tr> 
     <td>aaa</td><td>bbb</td><td>ccc</td> 
    </tr> 
    <tr> 
     <td>ddd</td><td>eee</td><td>fff</td> 
    </tr> 
</table> 

    </body> 
</html> 

我的問題是表格合併在一起的行有正常的doble行。我怎樣才能像一條線顯示它。

alt text

回答

3
.cls-last 
{ 
    border-top: 0px; 
} 

在你的第二臺:

<table class="cls cls-last"> 
    <tr> 
     <td>aaa</td><td>bbb</td><td>ccc</td> 
    </tr> 
    <tr> 
     <td>ddd</td><td>eee</td><td>fff</td> 
    </tr> 
</table> 
0

你可以通過CSS改變表的頂部(或底部)邊界。

但是,對齊可能是一個挑戰。在你給出的例子中,不是一個問題 - 每個包含3個(相對)相似的字符。所以,它幾乎是相同的。但是,如果一個表中的某一列有10個字符,HTML將拉伸該列,而您將留下兩個明顯不同的實體。

所以,爲了使這項工作100%的時間,你需要設置寬度和(可能)溢出屬性以及。

我很難理解爲什麼你不得不這樣做。我相信你有一個理由,但是兩個寬度和列相似的類似實體應該可以混合使用。如果表只是有時出現,或者您想要刪除行,則可以通過Javascript和/或CSS或在渲染時在服務器級執行。