如何在HTML/CSS中使用悬挂标点符号

既然浏览器还没有实现

挂起标点

属性，那么现在有没有一种在HTML/CSS中挂起标点的好方法

更新：一个JavaScript解决方案会很好，因为除了引用脚本的那一行之外，它可以让我不接触html

比如，1）遍历所有p、span和blockquote。如果它们以“，…”或其他什么开头，则调整间距。但我似乎不知道如何知道要更改多少间距，以及如何处理元素中第一行的第一个字符以外的任何内容

    var elements = document.querySelectorAll('p, span, blockquote');
console.log(elements);
var i = 0;
while (i < elements.length) {
  var el = elements[i];
  if (el.firstChild.nodeValue && el.firstChild.nodeValue.match(/^[".,']/)) {
    el.style.position = 'relative';
    el.style.left = '-.4em';
  }
  i += 1;
}

var elements=document.querySelectorAll（'p，span，blockquote'）；
控制台日志（元素）；
var i=0；
而（i

---

代码是正在进行的工作…

您可以使用负文本缩进：

blockquote p{
文本缩进：-.4em；
背景色：#faebbc；
}

下一行有一个块引号：

“我有负文本缩进。”

您也可以使用

:before

和

:before

来伪造它：

p{
左边距：1米；
背景色：#eee；
}
p:以前{
内容：‘’”；
位置：绝对位置；
左边距：-.4em；
}
p:之后{
内容：‘’”；
}

---

Lorem ipsum Door sit amet，是一位杰出的领导者。康塞提图的梅塞纳斯·康莫多·森佩尔·努拉。阿利奎姆·图皮斯的奎斯克，欧盟朗卡斯·多洛。阿利夸姆·奎斯·阿利夸姆·安特。暂时停工，埃拉特·埃吉特·斯克利斯·朗卡斯，拉卡斯·厄罗斯·卢克图斯·安特，一个侵权人或一个侵权人。康涅狄斯悬钩子、维尼那提悬钩子、发酵玉米须舌等。阿库调味品中的暂停妊娠nisl。这是一个很好的例子。lacinia justo的Duis。

有各种技巧，比如负边距和相对定位，你可以在特殊情况下笨拙地使用。正如所问，这个问题太宽泛了。此外，财产尚未确定；它刚刚在草案中提出（并标记为有被删除的风险）。您应该确切地指定您需要什么，特别是在特定情况下，并展示您在这方面的最佳尝试。我希望有一个Javascript解决方案，因为我无法改变我构建html的方式。我打出来的东西'“'它在一行的左边距结束。很好的解决方案！你能添加背景色让我们看到悬挂的缩进吗？@mheiber为你添加了背景色。谢谢你的建议。总是这样吗？还是取决于字体？@Costa

-.4em

取决于字体。特别是标点符号字符在所选字体中的宽度，因为在非固定宽度字体中，每个字母的宽度不同。如果它是一个固定宽度的前端，那么它将是

-1em

@Costa请参见上面的编辑。我添加了CSS的另一个版本，通过将文本向右对齐并使其

1em

宽，而不是使用

-.4em

边距，可以使用任何字体。这种CSS在不同的字体中更“通用”。这只适用于正文的第一行，对吗？