這篇文章主要為大家詳細介紹了css text-wrap屬性使用的方法，圖文詳解容易學習，配合代碼閱讀理解效果更佳，非常適合初學者入門，感興趣的小伙伴們可以參考一下。

堅守“ 做人真誠 · 做事靠譜 · 口碑至上 · 高效敬業(yè) ”的價值觀，專業(yè)網(wǎng)站建設服務10余年為成都宴會酒店設計小微創(chuàng)業(yè)公司專業(yè)提供成都企業(yè)網(wǎng)站建設營銷網(wǎng)站建設商城網(wǎng)站建設手機網(wǎng)站建設小程序網(wǎng)站建設網(wǎng)站改版，從內(nèi)容策劃、視覺設計、底層架構(gòu)、網(wǎng)頁布局、功能開發(fā)迭代于一體的高端網(wǎng)站建設服務。

css text-wrap屬性用于規(guī)定文本的換行（折行）規(guī)則，其語法是text-wrap: normal|none|unrestricted|suppress；目前主流瀏覽器都不支持text-wrap屬性。

css text-wrap屬性怎么用？

作用:text-wrap 屬性規(guī)定文本的換行（折行）規(guī)則。

語法:

text-wrap: normal|none|unrestricted|suppress

說明：

normal    只在允許的換行點進行換行。

none    不換行。元素無法容納的文本會溢出。

unrestricted    在任意兩個字符間換行。

suppress    壓縮元素中的換行。瀏覽器只在行中沒有其他有效換行點時進行換行。

注釋：目前主流瀏覽器都不支持 text-wrap 屬性。

css text-wrap屬性使用示例代碼：

 This paragraph contains some text. This line should not breake or wrap to the next line.
 This paragraph contains some text: The line breaks as normal.
注釋：目前主流瀏覽器都不支持 text-wrap 屬性。

效果輸出：

以上就是css text-wrap屬性使用的方法，看完之后是否有所收獲呢？如果想了解更多相關內(nèi)容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊！