Пространство между двумя строками в таблице?

Question

Возможно ли это через CSS?

Я пытаюсь

tr.classname {
  border-spacing: 5em;
}

безрезультатно. Может я что-то не так делаю?

Answer 1

Вы можете заполнить элементы

элементами

и применить любое поле к тем элементам div, которые вам нравятся. Для визуального пространства между строками вы можете использовать повторяющееся фоновое изображение для элемента . (Это было решение, которое я только что использовал сегодня, и, похоже, оно работает как в IE6, так и в FireFox 3, хотя я больше не тестировал его.)

Кроме того, если вы не хотите изменять свой серверный код, чтобы помещать

внутри s, вы можете использовать jQuery (или что-то подобное) для динамического переноса содержимого в

, что позволяет применять CSS по своему усмотрению.

Answer 2

делает это, как показано выше ...

table tr{ float: left width: 100%; }  tr.classname { margin-bottom:5px; } 

удаляет вертикальное выравнивание столбцов, поэтому будьте осторожны при его использовании

Answer 3

Вы пробовали:

tr.classname { margin-bottom:5em; }

В качестве альтернативы можно также настроить каждый тд:

td.classname { margin-bottom:5em; }

или

 td.classname { padding-bottom:5em; }

Answer 4

Или просто добавьте пробел с высотой поля между строками, для которого вы хотите добавить интервал