Я написал этот код для моего идеального макета. К сожалению, у меня есть сложная библиотека js, основанная на formsets . Что требует от меня использовать строки таблицы.
table {
width: 100%
}
th {
text-align: left;
font-size: 30px;
}
<table>
<thead>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
<th>E</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td colspan='3'>Lorem ipsum Dorem</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>
Так что мне нужен альтернативный способ использования стилей, чтобы он выглядел, как указано выше, только с одним тегом <tr>
, т. Е.
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td class='break'>Lorem ipsum Dorem</td>
<td class='break'>1</td>
<td>2</td>
<td>3</td>
</tr>