Я использую table
свойств экрана и table-cell
чтобы получить равные высоты в столбцах.
Один из способов управления интервалом между столбцами - это определить border-collapse
, но это не позволяет контролировать элемент на основе элемента, применяется одно и то же расстояние между всеми элементами table-cell
.
Есть ли какой-либо трюк для достижения нормального эффекта margin/padding для отдельных элементов table-cell
?
попробуйте добавить display:block;
для дочернего элемента table-cell div
... он будет работать.
<table border="1" cellspacing="10">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>