Как объединить ячейки со смещением текста вниз?
Ответы (2 шт):
Автор решения: teran
→ Ссылка
Видимо как-то так, настроив границы
table {
border: 1px solid black;
border-spacing: 0;
}
td {
vertical-align: top;
padding: .5rem;
}
tr td:not(:last-child){
border-right: 1px solid black;
}
<table>
<tbody>
<tr>
<td rowspan="3">текст текст текст</td>
<td>1 линия:</td>
<td></td>
</tr>
<tr>
<td>3 жилы</td>
<td>120 руб</td>
</tr>
<tr>
<td>5 жил</td>
<td>150 руб</td>
</tr>
</tbody>
</table>
Автор решения: humster_spb
→ Ссылка
Или так:
table {
border-collapse: collapse;
}
td {
padding: 10px;
border: 1px solid silver;
background-color: #fafafa;
}
td:not(.right) {
vertical-align: top;
}
.right {
vertical-align: bottom;
}
<table>
<tr>
<td><p>Измерение сопротивления изоляции...</p></td>
<td><p>1 линия:</p><p>3 жилы</p><p>5 жил</p></td>
<td class="right"><p><b>120 руб</b></p><p><b>150 руб</b></p></td>
</tr>
</table>
