1. 程式人生 > 其它 >css自動換行如何設定?url太長會撐開頁面

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不斷詞,一句話一行,可以用來排列古詩喲~)