總體操作方法:
td里面的內(nèi)容放在div里面,在div身上也加上這個樣式,如果想要鼠標(biāo)滑過時(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)容過長顯示為固定長度,多余部分用省略號代替”的詳細(xì)內(nèi)容,更多請關(guān)注木子天禾科技其它相關(guān)文章!