將表格寬度設置為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%;
}