最后一个新行？
我为客户转换了一些表格数据：
<table>
<tr>
<th><p>SPAGHETTI – Deeg voorgerechten</p></th>
</tr>
<tr>
<td>SPAGHETTI AL PESCATORE</td>
<td>€11.50</td>
<td><p >Zeevruchten in speciale tomatensaus</p></td>
</tr>
<tr>
<td>SPAGHETTI ALLA MATRICIANA</td>
<td>€9.25</td>
<td><p >Met spek, knoflook in tomatensaus</p></td>
</tr>
<tr>
<td>SPAGHETTI BOSCAIOLA</td>
<td>€10.25
</td>
<td><p >Met ham, spek, knoflook in roomsaus</p></td>
</tr>
<table>
它是表格数据。 它应该在一张桌子:)
在word文档中，他将最后一个单元格（荷兰语描述）放在新的一行上。 我可以用colspan =“2”将每一个最后一个单元格换成一个新行，但这不是结构。 我试过了：
td:last-child {
display: block;
}
但每个浏览器都会忽略这一点。 有任何想法吗？
编辑：这听起来有点模糊，不是吗？
我有：
cell 1.1 cell 1.2 cell 1.3
cell 2.1 cell 2.2 cell 2.3
cell 3.1 cell 3.2 cell 3.3
我想要：
cell 1.1 cell 1.2
cell 1.3
cell 2.1 cell 2.2
cell 2.3
cell 3.1 cell 3.2
cell 3.3
表格不能像那样工作。 <tr>表示新行， <td>位于同一行。 你永远不会有（或至少不应该有） <td>的来自同一个<tr>的不同行。
cell 1.1 cell 1.2
cell 2.1
cell 3.1 cell 3.2
cell 4.1
cell 5.1 cell 5.2
cell 6.3
编辑：看起来像是在某些情况下不适合使用表格而使用表格。 我可以建议下面的实现（未经测试，您应该了解我正在尝试做什么的基础知识）？
<style>
.menu-item: {
display: block;
}
.price: {
float: right;
}
.description {
clear: both;
}
</style>
<h3>Spaghetti</h3>
<div class="menu-item">
<strong>Food name</strong>
<span class="price">10.00</span>
<span class="description">A great dish</span>
</div>
<div class="menu-item">
<strong>Food name</strong>
<span class="price">10.00</span>
<span class="description">A great dish</span>
</div>
<div class="menu-item">
<strong>Food name</strong>
<span class="price">10.00</span>
<span class="description">A great dish</span>
</div>
试试这个小提琴：
https://jsfiddle.net/r47bm836/
table tr, table tr td:nth-last-child(1) {
display: block !important;
clear: both;
}
table tr, table tr td {
clear: both;
}
似乎为我工作。
我有同样的问题。
使用单个<td colspan="2">使单元格1.3,2.3和3.3成为新的<tr> <td colspan="2"> 。
上一篇: Last td on new line?