CSS樣式表中有一個屬性叫做word-break
,它可以用來控制單詞在文本中換行的位置。默認情況下,單詞會在其可以放置的最后一個字符處換行。
例如,這是一段長長長長長長長長長長長長長的句子,如果不設word-break,則它將在最后一個字符處換行; 但如果我們設置word-break: break-all,則它可能會在任意一個字符處進行換行,像這樣: 這是一段長長長長長長 長長長長長長長長的句 子,如果不設word-brea k,則它將在最后一個字 符處換行。
除了break-all
,還有另外兩個選項:keep-all
和break-word
。
keep-all
的效果是盡可能不在單詞中間換行,除非沒有空間了;break-word
則強制在單詞中間進行換行,即使有空間可以放置整個單詞。例如: 這是一段長長長長長長長長 長長長長長長長長的句 子,如果設word-break為break-word,則會強制在單詞中間換行,像這樣: 這是一段長長長長長 長長長長長長長長的 句子,如果設word-b reak為break-word,則 會強制在單詞中間 換行。
在實際應用中,我們可以根據場景來選擇適合的word-break
值,以達到最佳的視覺效果。
上一篇mysql換名
下一篇mysql按間隔3分組