html - 最后一行上的td？

我为客户从Word转换了一些表格数据:

<table>
  <tr>
    <th><p>SPAGHETTI &ndash; Deeg voorgerechten</p></th>
  </tr>
  <tr>
    <td>SPAGHETTI AL PESCATORE</td>
    <td>&euro;11.50</td>
    <td><p  >Zeevruchten in speciale tomatensaus</p></td>
  </tr>
  <tr>
    <td>SPAGHETTI ALLA MATRICIANA</td>
    <td>&euro;9.25</td>
    <td><p  >Met spek, knoflook in tomatensaus</p></td>
  </tr>
  <tr>
    <td>SPAGHETTI BOSCAIOLA</td>
    <td>&euro;10.25
      </td>
    <td><p  >Met ham, spek, knoflook in roomsaus</p></td>
  </tr>
<table>

它是表格数据。它应该在一个表中:)

在doc一词中，他将最后一个单元格(荷兰语说明)放在了新行上。我可以使用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

最佳答案

table 不是那样工作的。 <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

编辑:
似乎由于某种原因，您在某种情况下不愿意使用表，而这种情况不适用于表。我可以建议以下实现方式(未经测试，您应该了解我正在尝试做的事情的基础知识)？

.menu-item: {
  display: block;
}

.price: {
  float: right;
}

.description {
  clear: both;
}

<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>

关于html - 最后一行上的td？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7851398/