這篇文章主要介紹了如何在CSS中禁用文本換行和添加省略號，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司主要從事網頁設計、PC網站建設（電腦版網站建設）、wap網站建設（手機版網站建設）、自適應網站建設、程序開發(fā)、網站優(yōu)化、微網站、微信平臺小程序開發(fā)等，憑借多年來在互聯(lián)網的打拼，我們在互聯(lián)網網站建設行業(yè)積累了豐富的網站建設、做網站、網站設計、網絡營銷經驗，集策劃、開發(fā)、設計、營銷、管理等多方位專業(yè)化運作于一體。

如果您的文本空間緊張，您可能需要將其剪短以適應其他元素。當然，您可以手動調整每個文本元素，但這需要時間和反復試驗。

您可以做的是組合overflow, white-space, 和text-overflow以在文本中創(chuàng)建一個自然的中斷，使其更容易閱讀。

下面的示例設置文本寬度的限制，隱藏溢出部分，禁用文本換行，并添加省略號 (...) 以指示用戶有更多文本。

示例片段：

.product-description {
max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

感謝你能夠認真閱讀完這篇文章，希望小編分享的“如何在CSS中禁用文本換行和添加省略號”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)-成都網站建設公司行業(yè)資訊頻道，更多相關知識等著你來學習!

網頁名稱：如何在CSS中禁用文本換行和添加省略號-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/djpiii.html