放置HTML伪元素

Question

我的css看起来像这样；

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

我想要一个更高(高)的gif，但当应用css时，我的线宽就会增加(尽管似乎有足够的空间来放大图，但p-tag的行高是18px)。是否可以将包含gif的伪元素以某种方式放在页面的更高位置？有没有其他的解决方案？

Answer 1

我解决了这个问题，在接近之后删除图像(我有一个显示Pilcrow符号的图像)。相反，我使用Pilcrow字符(它根据fontsize选项呈现)：

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

Answer 2

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

但是，我仍然想知道为什么要使用:after伪类而不是嵌套img。有什么特别的原因吗？

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

Answer 3

使用jQuery，不仅可以插入内容，还可以给它一个类，并设置它的样式，使其准确定位在您想要的位置。