将表格宽度设置为100％，无表格布局：固定

Question

我想做的是用两部分组成一行，最后一部分在使用text-overflow: ellipsis时应始终可见text-overflow: ellipsis第一个text-overflow: ellipsis 。 像这样：

[[foo][bar]       ]
[[lorem i...][bar]]

所以我将display: table用于行，并将display: table-cell用于部件。 我添加了table-layout: fixed ，它工作正常， table-layout: fixed在行上，但是在第二个单元格中留有空白。

这是包含我尝试过的小提琴： http : //jsfiddle.net/ybouhjira/2vWKm/1/

Answer 1

它取决于#wrapper宽度，将包装器宽度更改为400px并添加此代码

#cell1 {
    width: 20%;
}
#cell2 {
    width: 99%;
}