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

Question

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

请参阅this 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>