代码之家  ›  专栏  ›  技术社区  ›  Thariama

放置HTML伪元素

  •  0
  • Thariama  · 技术社区  · 14 年前

    我的CSS看起来像这样;

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

    我想取一个更高(高度)的gif,但当应用css时,我的lineheigth会增加(尽管似乎有足够的空间容纳更大的图片,但p-tag的line height是18px)。是否可以将包含gif的伪元素放在页面上稍高一点? 还有其他解决办法吗?

    3 回复  |  直到 14 年前
        1
  •  0
  •   FK82    14 年前

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

    不过我还是想知道你为什么用 :after 伪类而不是嵌套 img . 有什么具体的原因吗?

    编辑: 哇,这个问题已经2个月了,为什么会出现在最近的问题页面上?

        2
  •  0
  •   Thariama    14 年前

    我解决了它在接近后丢弃图像(我有一个图像显示一个pilcrow符号)。相反,我使用pilcrow字符(根据fontsize choosen呈现):

    body.hiddenchars p:after
    {
        content: '\00b6';
    }
    
        3
  •  -1
  •   Moin Zaman    14 年前

    使用jquery,不仅可以插入内容,还可以给它一个类,并将其样式设置为您想要的位置。