html - 如何确保块元素在表中的同一行？

Question

我有一个<table>where 最后一列包含一些 action <button>。其他列包含文本段落。因为它们包含文本，所以它们的宽度尽可能地扩展，然后文本换行。这对于除最后一列之外的所有列都很好。我不希望操作列中的按钮换行；我希望它们在一条线上。我该怎么做？

有关问题的演示，请参阅此jsfiddle。

Answer 1

就这么简单：

.actions {
    /* EDIT: float is not necessary in table cells – float: left; */
    white-space: nowrap;
}

演示（分叉小提琴）

http://jsfiddle.net/insertusernamehere/XUda2/

Answer 2

关键是用nowrap。

<table>
  <tr>
    <td>Text</td>
    <td>Text</td>
    <td>Text</td>
    <td nowrap="nowrap"><button>Button</button></td>
  </tr>
</table>