html - 将表格宽度设置为 100%，没有表格布局 : fixed

Question

我想做的是让一行包含两部分，当第一部分使用 text-overflow: ellipsis 时，最后一部分应该始终可见。像这样:

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

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

这是包含我尝试过的东西的 fiddle :http://jsfiddle.net/ybouhjira/2vWKm/1/

Answer 1

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

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

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