javascript - 您如何将文本样式化为分数？

我有一个样式问题，我希望该字体看起来与我的拙劣MSPaint示例相似。

我已经尝试了无数种方法，例如使用引导程序并尝试通过网格系统进行构建，但是存在一些非常糟糕的空白问题，并且伸缩性不好。



帮助将是惊人的。

最佳答案

您可以使用伪元素添加％

.discount {
  display: inline-block;
  position: relative;
  font-size: 40px;
}
.discount::after {
  content: "% off";
  display: block;
  left: 100%;
  font-size: 18px;
  line-height: 18px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

<div class="discount">50</div>

关于javascript - 您如何将文本样式化为分数？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52268717/