css自動換行如何設定?url太長會撐開頁面
阿新 • • 發佈:2022-05-03
我們更新文章時如果有引用其他文章一般會帶一個原文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不斷詞,一句話一行,可以用來排列古詩喲~)