處理文字過長顯示超出解決方案(純css解決)

問題起因:做項目遇到列表下文字超長導致頁面樣式混亂的情況,


處理如下:

     設定每個單元格的最大寬度,max-width:

     對超出部分進行截取:overflow:hidden;    缺點:最後一個字很容易截掉一半;

     添加對超出部分添加...進行省略(兼容各個瀏覽器):text-overflow:ellipsis;    缺點:只支持一行,多行的無法實現

效果:


還有添加js方法進行截取,後續補充。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章