超出一行隱藏顯示省略號妥衣，相信大家都已經(jīng)很熟悉了渣叛，用css樣式來控制，而且沒什么兼容性問題
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
一行超出隱藏顯示省略號
注意：要給它寬度
多行超出隱藏顯示省略號也是可以用css樣式來控制的笨使，如下
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
多行超出隱藏顯示省略號
注意：要給它寬度和高度
嗯，看起來沒什么問題销部，但是在某些瀏覽器打開發(fā)現(xiàn)是這個樣子的
多行溢出樣式控制有些瀏覽器不兼容
發(fā)現(xiàn)-webkit-line-clamp是沒有執(zhí)行到的，測試了一下制跟，發(fā)現(xiàn)在谷歌舅桩、QQ瀏覽器、搜狗瀏覽器雨膨，360瀏覽器的極速模式下是正常顯示省略號的擂涛，在火狐、ie哥放、360兼容模式下是沒有顯示省略號的歼指，那么這個問題該怎么解決呢，這個時候甥雕，就要用到j(luò)s啦
html代碼
css代碼
js代碼
這樣就可以解決瀏覽器不兼容的問題了
