色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

表格單元格中的CSS百分比寬度和文本溢出

林國瑞2年前8瀏覽0評論

我有一個表格,其中單元格的寬度以百分比表示,我想使用text-overflow: ellipsis來隱藏長文本行:

http://jsfiddle.net/Fm5bM/

在示例中,省略號在div中工作正常,但在單元格中就不行了。它仍然增長,并忽略寬度:60%和最大寬度:60%。

如果我在單元格中添加一個display:block,文本確實在60%處停止,并得到省略號,但是單元格的總寬度仍然是整個文本的大小。

http://jsfiddle.net/Fm5bM/3/

最終,我希望表格適合屏幕。有沒有用純css做的方法?

這很容易通過使用table-layout: fixed來完成,但是“有點棘手”,因為沒有多少人知道這個CSS屬性。

table {
  width: 100%;
  table-layout: fixed;
}

請點擊這里的最新消息:http://jsfiddle.net/Fm5bM/4/