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;
}
THE END
二维码
打赏
共有 0 条评论