HTML讓table表格中的td單元格內(nèi)容過長顯示為固定長度,多余部分用省略號代替

位置:首頁 / 新聞中心 / 知識教程

知識教程 Admin 2024-02-23 18:15:54 821

總體操作方法:

td里面的內(nèi)容放在div里面,在div身上也加上這個樣式,如果想要鼠標(biāo)滑過時顯示全文本,可以給div加上title屬性。

在要控制寬度的td和th加上以下樣式:
樣式:

.wrap{
 
width: 150px; //設(shè)置需要固定的寬度
 
white-space: nowrap; //不換行
 
text-overflow: ellipsis; //超出部分用....代替
 
overflow: hidden; //超出隱藏
}
 
html代碼:
 
 
<{$row[ 'productname']}>
 
 

效果如下:

以上就是“HTML讓table表格中的td單元格內(nèi)容過長顯示為固定長度,多余部分用省略號代替”的詳細內(nèi)容,更多請關(guān)注木子天禾科技其它相關(guān)文章!


以上就是“HTML讓table表格中的td單元格內(nèi)容過長顯示為固定長度,多余部分用省略號代替”的詳細內(nèi)容,更多請關(guān)注木子天禾科技其它相關(guān)文章!

15934152105 掃描微信