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

Syl*_*ain 4 html css

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

有关问题的演示,请参阅 jsfiddle.

ins*_*ere 6

这很简单:

.actions {
    /* EDIT: float is not necessary in table cells – float: left; */
    white-space: nowrap;
}
Run Code Online (Sandbox Code Playgroud)

演示(分叉小提琴)

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

  • 似乎甚至没有必要使用flot:http://jsfiddle.net/YJyan/4/ (3认同)