css 字母换行

作者：__Man︶ㄣ发布日期:2026-07-06 浏览:108

/* 使用 word-break: break-all; 来实现字母换行 */
p {
  word-break: break-all;
}

/* 示例 HTML */
<p>这是一个非常长的单词aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>

解释说明：

word-break: break-all;：这个 CSS 属性会强制文本在任意字符处换行，即使是在字母或单词中间。这在处理长单词或不包含空格的字符串时非常有用。
在上面的示例中，<p> 标签内的长单词会在容器宽度不足时自动换行，而不会超出容器的边界。

如果你需要更精确的控制，还可以考虑使用 overflow-wrap: break-word;，它会在单词太长无法适应容器时才进行换行，而不是在每个字符处都可能换行。

上一篇：css上下渐变

下一篇：css美化原生input time时间组件