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

 一恒谢永泰_661 发布于 2023-02-07 12:43

这是一个小提琴.

foo bar baz

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

'?' 出现,但显然没有20ex大小.为什么不?在Firefox和Chrome中测试过.

2 个回答
  • ::before::after伪元素默认情况下,内联铺设,所以widthheight不会生效.

    设置它display: inline-block,它应该工作.

    2023-02-07 12:45 回答
  • ::before::after伪元素实际上是display: inline;默认.

    将显示值更改inline-block为宽度和高度生效:

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

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

    2023-02-07 12:45 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有