ie浏览器不支持多行隐藏显示省略号
生活随笔
收集整理的這篇文章主要介紹了
ie浏览器不支持多行隐藏显示省略号
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
平時在寫頁面過程中，相信大家都遇到過文本顯示多行后用省略號代替的問題，來看看代碼：
p{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:12;//表示顯示12行之后用省略號代替-webkit-box-orient:vertical; }可以看到，上面的屬性是帶了-webkit-前綴的，那如果要適應ie的話，能不能在前面加-ms-的前綴呢？
答案是不能，本人親自測了一下，表示根本沒有任何效果；所以找別的辦法吧，就是判斷當前p標簽里面的文字個數，截取到想顯示的到的文字，之后的用“...”表示，來看看代碼
?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><style>.r-advInfo-itemText{padding: 25px 20px;background: pink;color: #000;border-radius: 40px;width: 200px;}.r-advInfo-item p {margin-top: 10px;font-size: 14px;color: #000;line-height: 24px;margin-top:20px;}</style> </head> <body> <div class="r-advInfo-itemText"><p id="qfr"></p> </div> <script>LimitNumber('只顯示20個文字只顯示20個文字只顯示20個文字只顯示20個文字只顯示20個文字只顯示20個文字只顯示20個文字只顯示20個文字只顯示20個文字只顯示20個文字只顯示20個文字只顯示20個文字','qfr',20);/*用js限制字數，超出部分以省略號...顯示*/function LimitNumber(txt,idName,num) {var str = txt;str = str.substr(0,num) + '...' ;var id=document.getElementById(idName);id.innerText=str;}</script> </body> <html> 以上就可以解決ie下的問題了，拿走不謝！轉載于:https://www.cnblogs.com/wj19940520/p/7081907.html
總結
以上是生活随笔為你收集整理的ie浏览器不支持多行隐藏显示省略号的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 首款2亿像素骁龙8+旗舰！moto X3
- 下一篇： HTML 标记大全参考手册