最近公司項目中有如題所示的需求，原型圖如下
當回覆網友的評論只有一行時不顯示查看全文，當有兩行時多出的內容省略掉並顯示查看全文的超鏈接。
實現思路如下：
1、佈局及樣式如下圖：
2、js獲得上圖的div對象，然後判斷div對象的高度，如果大於一行的高度了表示內容有兩行了，再獲得span標籤裡面的內容並用正則將後六個字符替換成“......”這裡的實現代碼可以這樣寫span.innerHTML = span.innerHTML.replace(/.(\.\.\.\.\.\.\.\.\.)?$/,"......");然後再將a鏈接的display屬性設置為a.style.display="";將a超鏈接顯示出來即可。
由於是公司正在開發的項目，完整代碼就不貼上來了，歡迎批評指正。
一起學習，互相督促進步，歡迎關注我~
分享到:
