css中word-break属性是什么

word-break属性控制文本换行规则，normal按默认断点换行，长单词可能溢出；break-all允许任意字符间断行，适合窄容器防溢出；keep-all禁止断开，保持中日韩文本完整。常用于处理网址、订单号等长内容布局，与word-wrap不同在于其更强调是否允许任意位置断行，而word-wrap仅在必要时断开长单词。

word-break 属性用于控制文本中的单词在换行时的断行规则，特别是在处理长单词或连续字符（如网址、长数字）时非常有用。它决定了浏览器如何在单词内部进行换行，以适应容器宽度。

常用取值及作用

• normal：使用默认的换行规则。只有在允许的断点（如空格、连字符）处换行，长单词可能溢出容器。
• break-all：允许在任意字符间断开单词，常用于表格或窄容器中防止内容溢出。中文、英文、数字都可在此规则下断行。
• keep-all：禁止在单词内断行。主要用于中文、日文、韩文等语言，单词整体换行，不会拆开单个汉字或词组。

典型使用场景

• 网址过长导致布局错乱时，用 word-break: break-all; 避免横向滚动条。
• 中文排版中希望保持词语完整，避免被拆散，可使用 word-break: keep-all;。
• 在表格单元格中显示长数据（如订单号），设置 break-all 提高可读性。

与 word-wrap 的区别

• word-break 更强调“是否允许在任意位置断开”；
• word-wrap（现标准为 overflow-wrap）更关注“是否允许长单词换行以避免溢出”。
例如：word-wrap: break-word; 是在必要时才断开长单词，而 word-break: break-all; 会无条件断开。 基本上就这些，根据内容语言和布局需求选择合适值即可。