css 宽度与高度按百分比显示,且宽高相等,span高度百分比

超、凢脫俗 2021-09-26 08:10 453阅读 0赞
  1. .kefu1{background-position:0 -727px;width:30%;display:inline-block}
  2. .kefu1::before{content: "";padding-top: 100%;display: block;}
  3. <span class="kefu1">这里是背景图片</span>

在css中,一个元素可以设置为相对宽度,即百分之几,但是高度设置为百分比不行,不过可以通过::before的语法实现

70

发表评论

表情:
评论列表 (有 0 条评论,453人围观)

还没有评论,来说两句吧...

相关阅读

    相关 css 百分比 定义高度 小结

    在符合标准的 XHTML 模式下,将 DIV 的高度简单的设置为 100% 往往并不能达到想要的效果, 原因是“百分比”是个相对于父节点的值, 如果你没有设置他们的父节点的