CSS中的斷字符，指的是當一行文字長度超過容器寬度時，將其自動截斷成多行。通常情況下，CSS會自動根據單詞邊界來進行斷字，但如果單詞較長，就會出現一個單詞跨越兩行的情況，這會影響排版和閱讀體驗。

為了解決這個問題，CSS提供了一個屬性——word-wrap，它可以控制過長單詞的換行方式。默認情況下，該屬性的取值為normal，表示遇到單詞邊界才斷詞。當將其設置為break-word時，即可實現在單詞任意位置斷詞。下面是一個示例：

.container {
width: 200px;
word-wrap: break-word;
}

上述代碼表示，當容器的寬度為200px時，單詞過長時將自動換行。這樣，即使單詞跨越兩行，也不會因為超出容器寬度而導致排版混亂。

除了word-wrap屬性，CSS還提供了另一個控制斷詞的屬性——hyphens。該屬性可以在單詞邊界處添加連字符，使其自動斷字。該屬性的取值有以下三種：

• none：不進行斷詞
• manaul：手動斷字。需在單詞邊界處添加­或‍來進行斷字
• auto：自動斷字。瀏覽器會自動根據單詞長度和容器寬度來進行斷字

具體使用方法如下：

.container {
width: 200px;
hyphens: auto;
}

總之，CSS中的斷字符屬性可以有效控制文字的排版和閱讀體驗，開發者可以根據實際情況來選擇合適的屬性進行使用。