应优先使用 quotes 属性配合 open-quote/close-quote 实现语义化引号，再用 ::before/::after 微调；超长段落需绝对定位引号锚定首末行，多段引用需分段控制伪元素内容，中英文引号须按语言区分避免错位。
用 ::before 和 ::after 给文字段落自动加引号，关键不是“加在文字前后”，而是**控制引号的显示逻辑和位置**，避免超长段落里引号错位、重复或断行异常。下面分几种常见实用场景说明：
基础段落自动加双引号（首尾各一对）
适用于普通引用块，如引用他人原话的独立段落：
- 给
p.quote类设置::before和::after，内容为英文直角引号（"）或中文全角引号（“”） - 必须设
display: inline;或保持默认，否则引号可能独占一行 - 推荐用
content: "“";和content: "”";，注意中文引号是成对且方向不同的
示例 CSS：
p.quote {
quotes: "“" "”" "‘" "’";
}
p.quote::before { content: open-quote; }
p.quote::after { content: close-quote; }
这样写更规范，也支持嵌套引用自动切换单双引号（比如双引号内再引，会变成单引号）。
立即学习“前端免费学习笔记（深入）”；
超长段落换行后不重复引号（防断行出错）
纯靠 ::before/::after 会在每行开头都加引号——这显然不对。真正安全的做法是：
- 只让引号出现在段落**视觉首行开头**和**末行结尾**，需结合
text-indent或定位微调 - 更稳妥的方式：把引号做成绝对定位元素，父容器设
position: relative;，再用top+left锚定到首行左上、末行右下 - 或者直接放弃伪元素，改用
<span class="quote-start">“</span>手动包裹首字，语义更可控
多段连续引用时避免中间段落误加结束引号
比如一段话分三段排版，但逻辑上是一整段引用：
- 第一段用
::before + ::after加 “ 和 ” - 中间段只加
::before { content: "“"; }（可选，视设计而定） - 末段只加
::after { content: "”"; } - 或者统一用
quotes+open-quote/close-quote，配合q标签语义化标记，浏览器自动处理嵌套与闭合
中英文混排注意引号样式统一
中英文引号宽度、高度、基线不同，混用易错位：
- 中文内容优先用全角中文引号
“”；英文内容用 ASCII 双引号" " - 可用
:lang(zh)或类名区分，分别定义quotes - 避免用
font-family强制等宽字体来“对齐”，可能影响可读性
基本上就这些。伪元素加引号不复杂但容易忽略换行和语义，优先考虑 quotes 属性 + q 标签，再辅以 ::before/::after 微调，最稳。
