css解决多个span间的间距问题
使用场景：显示价格时，会出现下图中的样式
¥39.9
解决方法如下:
父级元素使用font-size: 0
|
1 2 3 4 5 |
<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> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
.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
二维码
打赏
共有 0 条评论