如何使用CSS实现每个锚点元素后自动换行，无需手动在HTML中操作？

完全可以通过CSS实现该效果，你之前尝试的word-break属性用于控制文本超出容器时的断行规则，不适用于元素后强制换行的场景，具体实现方案如下：

方案1：伪元素插入换行符（不改变锚点本身的行内/行内块特性） #

该方案不会改变锚点元素的原有宽度，仅在元素结束后插入换行：

a::after {
  /* \a 是CSS中的换行符转义表示 */
  content: "\a";
  /* 让浏览器识别插入的换行符 */
  white-space: pre;
}

如果只需要部分锚点生效，给对应锚点增加自定义类即可，比如类名为break-after，CSS修改为：

.break-after::after {
  content: "\a";
  white-space: pre;
}

方案2：修改锚点为块级元素（适用于需要锚点独占整行的场景） #

块级元素默认会在前后自动换行，直接修改display属性即可：

a {
  display: block;
}

内容的提问来源于stack exchange，提问作者flojd