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

位置:首頁(yè) / 新聞中心 / 知識(shí)教程

知識(shí)教程 Admin 2024-02-23 18:15:54 805

總體操作方法:

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

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

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

效果如下:

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


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

15934152105 掃描微信