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

宋小羽 • 2021年4月14日 pm3:08 • HTML+CSS • 157 阅读

使用场景：显示价格时，会出现下图中的样式¥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>

</div>

.goods-normal-price {
  color: #E02020;
  font-weight: 500;
  font-size: 0;
}

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

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

.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

二维码

打赏

小程序vant tab组件解决文字过多显示不全的问题

< <上一篇

mamp下缺少pcntl扩展的解决办法，Fatal error: Call to undefined function pcntl_signal()

下一篇>>

搜索内容

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

取消回复

共有 0 条评论

搜索

随机推荐