將td中文字過長的部分變成省略號顯示的小技巧

2022-09-25 01:39:08 字數 319 閱讀 4333

最近的做的乙個小專案需要用到就百度總結一下寫了下來

首先設定**的樣式tdchzsfuycbabl程式設計客棧e-layouwww.cppcns.comt:"fix程式設計客棧ed"再設定**的寬度(這步必須)

最後再設定td樣式的www.cppcns.com三個必要屬性

複製**

**如下:

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

本文標題: 將td中文字過長的部分變成省略號顯示的小技巧

本文位址:

td長度固定,內容過長,超過部分用省略號代替

海賊王one piece 在故事中為 乙個大秘寶 之意。故事描述男主角 草帽 蒙其 d 路飛為了當上 海賊王 而踏上 偉大航道 及與其夥伴的經歷。傳說中 海賊王 哥爾 d 羅傑在死前說出他留下了具有財富 名聲 力量世界第一的寶藏 one piece 許 多人為了爭奪 one piece 爭相出海,許...

將多行文字最後一行的超出部分變成省略號

aaa,很早以前學 css 的時候只會把單行超出部分變成省略號,當時也沒多想,最近遇到了乙個問題需要將多行文字最後一行的超出部分變成省略號,比如這樣 然後在網上查了相關資料最後找到了解決問題的方法,我就直接貼 了 overflow hidden word wrap break word displa...

CSS實現標題文字過長部分顯示省略號的方法

前段時間在公司移動站的重構,遇到了乙個產品列表title的需求是只顯示兩行,然後超過兩行的字元用省略號顯示。如下圖的效果,當時第一感覺是這個需求只能通過後台輸出的時候擷取字元去處理,或者通過js計算字元來處理,因為樣式無法控制換行文字出現省略,但是因為我們新版的移動站是流式布局,在不同解析度下的手機...