目前遇到這種情況， div內有多行文字， div的長度和寬度都是固定的， 當文字內容大于溢出div時， 讓溢出部分以省略號方式顯示， 發帖希望得到純CSS 解決方案， 暫時不想要jquery和偽代碼的方式來解決， 有人遇到這種情況嗎？
1 回答
慕田峪9158850
TA貢獻1794條經驗 獲得超8個贊
可以,不過只適合WebKit瀏覽器。
在CSS樣式中加入：
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: X; ————這個X表示要顯示幾行-webkit-box-orient: vertical;其中div的高度自己要規定好。
這個是單行的。
在CSS樣式中加入
width:100px; //你所要的寬度white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;
- 1 回答
- 0 關注
- 982 瀏覽
添加回答
舉報
0/150
提交
取消