我已经为完美的布局编写了此代码。不幸的是,我有一个基于formsets的复杂js库。这需要我使用表格行。
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>