終於找到多行文本溢出顯示省略號的方法了……css
今天看腳本之家的時候偶然間發現了一個我困惑已久的問題的解決方案:html
即:多行文本溢出顯示省略號。web
解決方案:spa
html:code
1 <p>阿斯蒂芬甲氨蝶呤範江岸路電話發來的激發了阿斯蒂芬哈倫褲都發了單號發來看哈啊手動閥老客戶的罰款厲害快樂哈說的話</p>
css:htm
1 p { 2 text-indent: 2em; 3 text-overflow: ellipsis; 4 display: -webkit-box; 5 -webkit-line-clamp: 2; 6 -webkit-box-orient: vertical; 7 overflow: hidden; 8 }
示例文本較少,建議手機端查看:blog
結果如圖所示:ip