欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

表格單元格中的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/