放置HTML伪元素

Question

我的css看起来像这样;

p:not(.dummy):after
{
    content: url(../../irhiddenchars/img/afterimage_9x9.gif);
}

我希望采用更高（高度）的gif，但是当css应用时我的lineheigth会增加（即使看起来有足够的空间可以放大图片，p-tag的行高也是18px）。是否有可能在页面上以某种方式放置包含gif的伪元素？ 还有其他解决方案吗？

Answer 1

尝试将margin和padding设置为0。 p元素（以及其他元素）具有由浏览器确定的隐式标准标记。

我仍然想知道为什么你使用:after伪类而不是嵌套img。有什么具体原因吗？

编辑：哇，这个问题是2个月大，为什么会出现在最近的问题页面上？

Answer 2

我解决了它在接近后放下图像（我的图像显示了Pilcrow符号）。相反，我使用Pilcrow字符（根据字体大小选择呈现）：

body.hiddenchars p:after
{
    content: '\00b6';
}

Answer 3

使用jQuery，不仅可以插入内容，还可以给它一个类，并将其设置为准确位置。