将表格宽度设置为 100%，没有表格布局：固定

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 宽度 将包装宽度更改为 400px 并添加此代码

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

http://jsfiddle.net/2vWKm/2/