4

<table>最後の列にいくつかのアクションが含まれているところがあります<button>。他の列には、テキストの段落が含まれています。それらにはテキストが含まれているため、それらの幅は可能な限り拡張されてから、テキストが折り返されます。これは、最後の列を除くすべての列で問題ありません。アクション列のボタンを折り返したくありません。一行で欲しいです。どうすればそれができますか？

問題のデモについては、このjsfiddleを参照してください。

4

2 に答える 2

6

これと同じくらい簡単です：

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

デモ（フォークフィドル）

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

于 2012-07-19T19:57:41.137 に答える
3

重要なのはを使用することnowrapです。

<table>
  <tr>
    <td>Text</td>
    <td>Text</td>
    <td>Text</td>
    <td nowrap="nowrap"><button>Button</button></td>
  </tr>
</table>
于 2012-07-19T19:58:24.800 に答える