css – 宽度和高度似乎不起作用:在伪元素之前

前端之家收集整理的这篇文章主要介绍了css – 宽度和高度似乎不起作用:在伪元素之前前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Here是一个小提琴。
<p>foo <a class="infolink" href="#">bar</a> baz</p>

a.infolink::before
{
    content: '?';
    background: blue;
    color: white;
    width: 20ex;
    height: 20ex;
}

‘?’出现但显然没有20ex的大小。为什么不?在Firefox和Chrome中测试。

解决方法

之前和之后:伪元素实际显示:inline;默认。

显示值更改为inline-block代替width&高度生效:

a.infolink::before {
    content: '?';
    display: inline-block;
    background: blue;
    color: white;
    width: 20ex;
    height: 20ex;
}

http://jsfiddle.net/C7rSa/3/

原文链接:https://www.f2er.com/css/219253.html

猜你在找的CSS相关文章