1. 程式人生 > >解決文件中有url連結時被強制換行的問題

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