2010-09-21 3 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; 
} 

На вашем столе 2:

<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. 0 0 В примере, который вы дали, а не проблема - каждый из них содержит 3 (относительно) похожих символа. Таким образом, это было бы почти идентично. Однако, если один столбец в одной таблице содержит, например, 10 символов, HTML будет растягивать этот столбец, и вы останетесь с двумя явно разными объектами.

Таким образом, чтобы сделать эту работу в 100% случаев, вам понадобится установить ширину и (возможно) свойства переполнения.

Мне сложно понять, почему вы должны это делать. Я уверен, что у вас есть причина, но две аналогичные объекты с одинаковыми ширинами и столбцами должны быть объединены. Если бы таблицы иногда появлялись или вы хотели удалить строки, вы могли бы сделать это через Javascript и/или CSS или на уровне сервера при рендеринге.

Смежные вопросы