溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下Css3中word-wrap屬性怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
1、定義
word-wrap 屬性允許長單詞或 URL 地址換行到下一行。
2、語法和參數
word-wrap：normal（默認）|break-word normal：允許內容頂開指定的容器邊界，如果單詞超長，會沖出邊界（在當前行顯示，不會換行）。 break-word： 內容將在邊界內換行，當單詞在當前行放不下時，會自動切換到下一行，必要時會觸發word-break（注意：請分辨清楚word-break和break-word這倆個是不同的東西，一為屬性另為參數）。 注：各個瀏覽器均能識別。
3、說明
word-wrap是控制是否“為詞斷行”的，設置或檢索當前行超過指定容器的邊界時是否斷開轉行。中文沒有任何問題，英文語句也沒問題。但是對于長串的英文，就不起作用。
4、例子
congratulation這個單詞屬于長串英文，word-wrap:break-word整個單詞看成一個整體，如果該行末端寬度不夠顯示整個單詞，它會自動把整個單詞放到下一行，而不會把單詞截斷，這就是對于長串文字不起作用的解釋。word-wrap:normal是默認情況，英文單詞不被拆開。
5、總結
作用范圍僅為div這類標準塊級元素，th,td這類table元素雖然識別但是沒有效果（如果為td,th加上寬度word-wrap在IE下是能夠發揮效果的，但根據完全兼容性方便記憶角度上來說還是以前面的結論為準）。
以上是“Css3中word-wrap屬性怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
