2010-09-21 123 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或在渲染时在服务器级执行。