Question

我要做的是让一条线有两个部分，最后一部分应该始终可见，而第一部分使用text-overflow: ellipsis。像这样：

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

所以我使用display: table作为行，display: table-cell作为部分。并且它工作正常我将table-layout: fixed添加到行，但在第二个单元格中留下空白空间。

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

Answer 1

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

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