html - 将表格宽度设置为 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 width 将包装器宽度更改为 400px 并添加此代码

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

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