CSS - word-break 屬性

CSS 中的word-break 屬性用於指定當單詞超過元素可用寬度時如何換行或換字。它決定瀏覽器是否允許單詞在任何位置換行，或者是否應將它們保持在一起。

可能的值

normal：使用預設換行規則。
break-all：應用斷字，以防止溢位。
keep-all：不為中文、日文和韓文使用斷字；對於其他語言，應為 normal。
break-word：與 anywhere 相同，即應用任何單詞處的斷字。但此值已棄用。

應用於

所有 HTML 元素。

DOM 語法

object.style.wordBreak = "break-all";

示例

這是一個例子

<html>
<head>
<style>
   p {
      border: 2px solid green;
      width: 200px;
   }
   .normal {
      word-break: normal;
   }
   .all {
      word-break: break-all;
   }
   .keep {
      word-break: keep-all;
   }
   .wordbreak {
      word-break: break-word;
   }
</style>
</head>
<body>
   <h2>Word Break</h2>
   <p class="normal">normal - CSS provides property <b>word-break</b> that is useful in determining how to break words in a block of text</p>
   <p class="all">break-all - CSS provides property <b>word-break</b> that is useful in determining how to break words in a block of text</p>
   <p class="keep">keep-all - CSS provides property <b>word-break</b> that is useful in determining how to break words in a block of text</p>
   <p class="wordbreak">break-word - CSS provides property <b>word-break</b> that is useful in determining how to break words in a block of text</p>
</body>
</html>

列印頁面