之前在寫頁面的時候用的都是單行文字溢位隱藏，今天遇到了多行文字溢位隱藏，溢位部分用省略號。我通過查閱一些資料整理了一下，拿出來與大家分享一下。
單行文字的溢位隱藏
對於單行文字溢位 隱藏，text-overflow: ellipsis 就能完美的解決，不過在使用他時，一定要結合
overflow: hidden和
white-space: nowrap;
，我有時就忘記寫了，導致效果出不來，還讓我找了半天。
1效果：2317
1819
憑藉專業的精神、優質的團隊、周到的服務，東方卓越現已成為眾中國銀行業協會、中國航空運輸協會、中國工商銀行、中國建設銀行、鳳凰網、聯想（北京）、中國人保等知名企業的合作夥伴，服務領域涵蓋金融**、汽車產業、時尚傳媒、網際網路、地產家居、旅遊娛樂等重點領域。
2021
2223
多行文字的溢位隱藏
我是
用偽類標籤
1效果：2326
2728
憑藉專業的精神、優質的團隊、周到的服務，東方卓越現已成為眾中國銀行業協會、中國航空運輸協會、中國工商銀行、中國建設銀行、鳳凰網、聯想（北京）、中國人保等知名企業的合作夥伴，服務領域涵蓋金融**、汽車產業、時尚傳媒、網際網路、地產家居、旅遊娛樂等重點領域。憑藉專業的精神、優質的團隊、周到的服務，東方卓越現已成為眾中國銀行業協會、中國航空運輸協會、中國工商銀行、中國建設銀行、鳳凰網、聯想（北京）、中國人保等知名企業的合作夥伴，服務領域涵蓋金融**、汽車產業、時尚傳媒、網際網路、地產家居、旅遊娛樂等重點領域。
2930
31
小夥伴們你們有沒有更好地方法呢，快拿出來分享分享吧！ 富文字溢位隱藏，超出用省略號表示
js方法 在實際的專案中，由於文字內容的長度不確定性和頁面布局的固定性，難免會出現文字內容超過div或者其他標籤區域的情況，此時比較好的做法就是當文字超過限定的div寬度後自動以省略號 顯示，這樣，按照習慣，人們都會知道這裡有文字被省略了。divdiv缺點 使用webkit的css擴充套件屬性 we...
css 文字換行 文字溢位隱藏用省略號表示剩下內容
手指輕輕敲打著鍵盤，一句句，一行行，一段段，敲得都是些牽掛，都是些痴纏，是不是因為封存在心底的那抹溫柔，還沒泯滅，才會一次次敲下這些落寞的字跡。手指輕輕敲打著鍵盤，一句句，一行行，一段段，敲得都是些牽掛，都是些痴纏，是不是因為封存在心底的那抹溫柔，還沒泯滅，才會一次次敲下這些落寞的字跡。手指輕輕敲打...
單行 多行文字溢位隱藏顯示省略號
classname classname 其中多行文字中，因為我們使用了webkit的擴充套件屬性，該方法適用於核心為webkit的瀏覽器 注意 webkit line clamp是用來限制乙個塊元素顯示的文字行數。為了實現對應的效果，它需要結合其他的webkit屬性。常見的有 1 display w...