css解决多个span间的间距问题

使用场景:显示价格时,会出现下图中的样式¥39.9

解决方法如下:

父级元素使用font-size: 0

<div class="goods-normal-price">
  <span class="goods-price-one">¥ </span>
  <span class="goods-price-two">39</span>
  <span class="goods-price-one">.9</span>
</div>
.goods-normal-price {
  color: #E02020;
  font-weight: 500;
  font-size: 0;
}

.goods-price-one {
  font-size: 19px;
}

.goods-price-two {
  font-size: 39px;
}

这些信息可能会帮助到你: 关于我们 | 饿了么返钱 | 捐赠支持

文章名称:css解决多个span间的间距问题
文章链接:https://www.bysjb.cn/css-span.html
THE END
分享
二维码
打赏
< <上一篇
下一篇>>