css自動換行如何設定?url太長會撐開頁面

標籤：

　　我們更新文章時如果有引用其他文章一般會帶一個原文url，但這個連結如果太長的話會把內容的版塊撐開，整個排版亂了。那我們能不能設定css自動換行呢？如所示，其實只要兩個樣式就能搞定

word-wrap:break-word;word-break:break-all;

　　word-wrap用來控制換行
　　兩種取值：
　　(1)normal 
　　(2)break-word（此值用來強制換行，內容將在邊界內換行，中文沒有任何問題，英文語句也沒問題。但是對於長串的英文，就不起作用。）

　　word-break用來控制斷詞
　　三種取值：
　　(1)normal
　　(2)break-all（是斷開單詞。在單詞到邊界時，下個字母自動到下一行。主要解決了長串英文的問題。）
　　(3)keep-all（是指Chinese, Japanese, and Korean不斷詞，一句話一行，可以用來排列古詩喲~）

css自動換行如何設定?url太長會撐開頁面