CSS實現div內文字顯示兩行,超出兩行部分省略號顯示


在搭建前台文章列表中,需要實現div內文字顯示兩行,超出的則省略號顯示。

找了很多,都貌似只能一行顯示。最后在百度知道找到答案。

答案轉自百度知道,題主的自答。

用的是-webkit-私有屬性。
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

另有回答是通過jquery來實現的
下載Jquery插件:jQuery ellipsis plugin
調用方法:
$(document).ready(function() {
  $('.ellipsis').ellipsis();
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM