一句話(huà)高冷總結(jié)--自以為高冷：
-webkit line clamp：css屬性允許將塊容器的文字限制為指定的行數(shù),并用省略號(hào)填充尾部。
好基友搭檔--沒(méi)你不行：
display:-webkit-box/-webkit-inline-box：設(shè)置容器顯示為webkit盒子。
-webkit-box-orient: vertical：設(shè)置盒子內(nèi)文字顯示方向。
完美主義者--給你最好的：
overflow:hidden:隱藏不需要顯示的部分，當(dāng)然，就算你不寫(xiě)，設(shè)置的行數(shù)屬性位置也會(huì)出現(xiàn)省略號(hào)，但是，注意但是它就不會(huì)按照指定的行數(shù)顯示了，而是顯示全部(那你莫名放個(gè)省略號(hào)在中間算什么？)
背后的家族勢(shì)力--承諾都是美好的：
瀏覽器兼容
帶你去看流星雨--看看就好：
長(zhǎng)相思
可以看到，算上空白行，正好顯示了6行文字，最后一行被隱藏掉了，并且文末有 ... 的省略號(hào)，表示內(nèi)容仍有。
官方文檔給出了很多瀏覽器都已經(jīng)兼容了，除了IE，不過(guò)對(duì)于Edge和Firefox，其實(shí)很多用戶(hù)也并沒(méi)有將版本更新到這么高，本人就是一個(gè)例子，所以想使用這個(gè)屬性，還是要比較慎重的。
官方也提出了一個(gè)
line-clamp作為標(biāo)準(zhǔn)Css3屬性，但是當(dāng)前這個(gè)時(shí)間節(jié)點(diǎn)并未實(shí)現(xiàn)，而且就算實(shí)現(xiàn)了，其實(shí)也比較難向后兼容的，所以實(shí)用性暫時(shí)不強(qiáng)。
好在按預(yù)期行數(shù)顯示省略號(hào)這個(gè)功能還是比較常用的，所以網(wǎng)上的解決方案也比較豐富。
簡(jiǎn)單陳列幾個(gè)供大家參考：
單行文本省略號(hào)神馬的，就比較簡(jiǎn)單了，我的話(huà)就是每次記不住單詞怎么拼...也做一個(gè)備忘吧~
overflow : hidden ;
text-overflow : ellipsis ;
white-space : nowrap ;
哦啦~暫時(shí)就嘚吧嘚這些吧！
