td 中設定超出寬度顯示省略號失效

2022-08-01 05:09:08 字數 335 閱讀 9409

td測試內容超出顯示省略號時,結果沒有顯示省略號,而是一直往後顯示,且超出了td大小,強行擠大了table.

原因是因為td預設不換行。

解決方法:

1.強制td換行. ie加上word-break:break-all;

2.是給td加上display: inline-block;

3.在下面加乙個其他標籤如a,加上display: inline-block; 以及寬度。

html如下:

1你的16年計畫完成幾個了?

css如下:

td:first-child

td:last-child

td a

設定文字超出既定寬度隱藏,並顯示省略號

這是一段文字,用來測試超出隱藏 這是乙個例子,其實我們只需要顯示如下長度 css實現網頁中文字過長擷取.txthide class應該這樣寫 css樣式 txthide html 說明 1 寬度一定要設定,可以根據實際需求調整。2 white space nowrap是禁止文字折行。3 text o...

內容超出顯示省略號

一 單行文字 如果實現單行文字的溢位顯示省略號都知道用text overflow ellipsis屬性來,當然還需要加寬度width屬來相容部分瀏覽。實現方法 overflow hidden text overflow ellipsis white space nowrap 這個屬性只支援單行文字的...

td文字溢位顯示省略號

昨天遇到移動端 td中文字溢位問題,寫了溢位隱藏樣式,居然沒起作用!然後查了查網上遇到的類似問題,用table layout fixed 可以解決此問題,但是我發現這個方法並不完美,甚至改變了我設定的td的大小,本來以30 和70 的顯示的td,設定此屬性之後居然以50 和50 顯示,這就讓我不爽了...