這篇文章主要介紹了設(shè)置css文本自動換行的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

為松滋等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及松滋網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站制作、成都網(wǎng)站建設(shè)、松滋網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

CSS3包含幾個額外的功能，如下：

1.文本溢出

2.自動換行

3.字斷

CSS3中有以下最常用的屬性：

1.文本溢出

文本溢出屬性確定如何向用戶發(fā)出未顯示的溢出內(nèi)容的信號。文本溢出的示例示例如下所示 ：

   
      
   
   
   
      測試1
   
      

         創(chuàng)新互聯(lián)提供大量免費、原創(chuàng)、高清的php視頻教程，并定期舉行公益php培訓(xùn)！可邊學(xué)習(xí)邊在線修改示例代碼，查看執(zhí)行效果！php從入門到精通，一站式php自學(xué)平臺！
      
      
      測試2
   
      

         創(chuàng)新互聯(lián)提供大量免費、原創(chuàng)、高清的php視頻教程，并定期舉行公益php培訓(xùn)！可邊學(xué)習(xí)邊在線修改示例代碼，查看執(zhí)行效果！php從入門到精通，一站式php自學(xué)平臺！
      
      
      測試3
   
      

         創(chuàng)新互聯(lián)提供大量免費、原創(chuàng)、高清的php視頻教程，并定期舉行公益php培訓(xùn)！可邊學(xué)習(xí)邊在線修改示例代碼，查看執(zhí)行效果！php從入門到精客家話通，一站式php自學(xué)平臺！
      
      
   

2.自動換行：

自動換行用于打破行并換行到下一行。以下代碼將包含示例語法 ：

p {
   word-wrap: break-word;
}

下面的代碼顯示了斷字的示例代碼：

顯示效果如下：

   
      
   
   
   
      測試1
      

        創(chuàng)新互聯(lián)提供大量免費、原創(chuàng)、高清的php視頻教程，并定期舉行公益php培訓(xùn)！可邊學(xué)習(xí)邊在線修改示例代碼，查看執(zhí)行效果！php從入門到精通，一站式php自學(xué)平臺
      
      
      測試2
   
      

         創(chuàng)新互聯(lián)提供大量免費、原創(chuàng)、高清的php視頻教程，并定期舉行公益php培訓(xùn)！可邊學(xué)習(xí)邊在線修改示例代碼，查看執(zhí)行效果！php從入門到精通，一站式php自學(xué)平臺
      
      
   

顯示效果如下：

感謝你能夠認真閱讀完這篇文章，希望小編分享設(shè)置css文本自動換行的方法內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細的解決方法等著你來學(xué)習(xí)!