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

Имейте Вас попробованный:

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

, С другой стороны, каждый td может быть скорректирован также:

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

или

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

Вы не можете изменить поле ячейки таблицы. Но Вы изменение CAN дополнение. Измените дополнение TD, который сделает ячейку больше и отодвинет текст со стороны с увеличенным дополнением. Если у Вас будут границы, однако, это все еще не будет точно, что Вы хотите.

В родительской таблице попробуйте установку

border-collapse:separate; 
border-spacing:5em;

Плюс объявление границы и посмотрите, достигает ли это Вашего желаемого эффекта. Остерегайтесь, тем не менее, что IE не поддерживает "разделенные границы" модель.

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

кроме того, если Вы против изменения Вашего серверного кода для помещения < div/> s в < td/> s, можно использовать jQuery (или что-то подобное) для динамичного обертывания < td/> содержание в < div/> позволяя Вам применить CSS, как желаемый.

Необходимо использовать дополнение на Вашем td элементы. Что-то вроде этого должно добиться цели. Можно, конечно, получить тот же результат с помощью главного дополнения вместо нижнего дополнения.

В коде CSS ниже, большее - чем знак означает, что дополнение только применяется к td элементы, которые являются прямыми детьми к tr элементы с классом spaceUnder. Это позволит использовать вложенные таблицы. (Ячейка C и D в примере кода.) я не слишком уверен в поддержке браузера для прямого дочернего селектора (думайте IE 6), но это не должно повреждать код ни в каких современных браузерах.

/* Apply padding to td elements that are direct children of the tr elements with class spaceUnder. */

tr.spaceUnder>td {
  padding-bottom: 1em;
}

<table>
  <tbody>
    <tr>
      <td>A</td>
      <td>B</td>
    </tr>
    <tr class="spaceUnder">
      <td>C</td>
      <td>D</td>
    </tr>
    <tr>
      <td>E</td>
      <td>F</td>
    </tr>
  </tbody>
</table>

Это должно представить несколько как это:

+---+---+
| A | B |
+---+---+
| C | D |
|   |   |
+---+---+
| E | F |
+---+---+

Слишком поздний ответ :)

Если применить float к элементам tr, то с помощью атрибута margin можно пробег между двумя строками.

table tr{
float: left
width: 100%;
}

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

Хорошо, вы можете сделать

tr.classname td {background-color:red; border-bottom: 5em solid white}

Убедитесь, что цвет фона установлен на td, а не на строке. Это должно работать в большинстве браузеров ... (протестировано Chrome, т.е. & ff)

, поскольку у меня есть фоновое изображение за столом, имитировать его с белым отступом не получится. Я решил поместить пустую строку между каждой строкой содержимого:

<tr class="spacer"><td></td></tr>

затем используйте css, чтобы дать промежуточным строкам определенную высоту и прозрачный фон.