Взлом HTML-ячеек с помощью CSS

Question

У меня есть HTML-таблица, в которой есть 2 ячейки подряд.Как сделать так, чтобы вторая ячейка отображалась под первой, а не рядом с ней?Я могу сделать это только в CSS, и это грязный хак, но ... мне все еще нужно это

Answer 1

изменить отображение на блок tr td {display: block;}

Answer 2

Как выглядит ваш код?

Я бы лучше использовал jQuery, а не CSS

Answer 3

Добавьте их в стиль ячейки, чтобы он работал в IE:

float:left;
clear:both;

Answer 4

CSS:

table{
    width: 100px;
}
.block{
    border: 1px solid black;
    display: block;
    width: 100px
}

HTML:

<table>
    <tr>
        <td class="block">
            First Cell
        </td>
        <td class="block">
            Second Cell
        </td>
    </tr>
</table>

Попробуйте: http://jsfiddle.net/LKFC5/1/

Если возможно, попробуйте отредактировать HTML вместо взломас CSS:)

Answer 5

Без влияния на всю таблицу это невозможно.

Вы можете установить display ячеек таблицы на block:

#your-table-id, #your-table-id tr, #your-table-id td {
  display: block;
}

Вы можете попробовать это только с нужной вам строкой, но эти ячейки, скорее всего, будут отображаться после остальной таблицы. Изменить: На самом деле он умирает работать только с строкой: http://jsfiddle.net/JzkLZ/

Предупреждение: это не будет работать в IE 6 .