欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

設(shè)置css文本自動換行的方法-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站建設(shè)、做網(wǎng)站與策劃設(shè)計,鳳陽網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:鳳陽等地區(qū)。鳳陽做網(wǎng)站價格咨詢:18980820575

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

1.文本溢出

2.自動換行

3.字?jǐn)?/p>

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

1.文本溢出

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

<html>
   <head>
      <style>
         p.text1 {
            white-space: nowrap; 
            width: 500px; 
            border: 1px solid #000000;
            overflow: hidden;
            text-overflow: clip;
         }
         p.text2 {
            white-space: nowrap; 
            width: 500px; 
            border: 1px solid #000000;
            overflow: hidden;
            text-overflow: ellipsis;
         }
      </style>
   </head>
   <body>
   
      <b>測試1</b>
   
      <p>
         創(chuàng)新互聯(lián)建站提供大量免費、原創(chuàng)、高清的php視頻教程，并定期舉行公益php培訓(xùn)！可邊學(xué)習(xí)邊在線修改示例代碼，查看執(zhí)行效果！php從入門到精通，一站式php自學(xué)平臺！
      </p>
      
      <b>測試2</b>
   
      <p class = "text1">
         創(chuàng)新互聯(lián)建站提供大量免費、原創(chuàng)、高清的php視頻教程，并定期舉行公益php培訓(xùn)！可邊學(xué)習(xí)邊在線修改示例代碼，查看執(zhí)行效果！php從入門到精通，一站式php自學(xué)平臺！
      </p>
      
      <b>測試3</b>
   
      <p class = "text2">
         創(chuàng)新互聯(lián)建站提供大量免費、原創(chuàng)、高清的php視頻教程，并定期舉行公益php培訓(xùn)！可邊學(xué)習(xí)邊在線修改示例代碼，查看執(zhí)行效果！php從入門到精客家話通，一站式php自學(xué)平臺！
      </p>
      
   </body>
</html>

2.自動換行：

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

p {
   word-wrap: break-word;
}

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

顯示效果如下：

設(shè)置css文本自動換行的方法

<html>
   <head>
      <style>
         p.text1 {
            width: 140px; 
            border: 1px solid #000000;
            word-break: keep-all;
         }
         p.text2 {
            width: 140px; 
            border: 1px solid #000000;
            word-break: break-all;
         }
      </style>
   </head>
   <body>
   
      <b>測試1</b>
      <p class = "text1">
        創(chuàng)新互聯(lián)建站提供大量免費、原創(chuàng)、高清的php視頻教程，并定期舉行公益php培訓(xùn)！可邊學(xué)習(xí)邊在線修改示例代碼，查看執(zhí)行效果！php從入門到精通，一站式php自學(xué)平臺
      </p>
      
      <b>測試2</b>
   
      <p class = "text2">
         創(chuàng)新互聯(lián)建站提供大量免費、原創(chuàng)、高清的php視頻教程，并定期舉行公益php培訓(xùn)！可邊學(xué)習(xí)邊在線修改示例代碼，查看執(zhí)行效果！php從入門到精通，一站式php自學(xué)平臺
      </p>
      
   </body>
</html>

顯示效果如下：

設(shè)置css文本自動換行的方法

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

網(wǎng)站標(biāo)題：設(shè)置css文本自動換行的方法-創(chuàng)新互聯(lián)
網(wǎng)站URL：http://chinadenli.net/article38/dhjgpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、標(biāo)簽優(yōu)化、網(wǎng)站內(nèi)鏈、域名注冊、靜態(tài)網(wǎng)站、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名