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 条评论