我有一個表格,其中單元格的寬度以百分比表示,我想使用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/
上一篇vue data路徑