html - 在 HTML 中显示对 Angular 线分数

Question

我关注了 StackOverflow 中的许多帖子，但他们谈论的是堆叠分数。
我正在研究像这样显示对 Angular 线分数:

这是我的代码:

* {
  font-size: 50px;
}

.container {
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  border: 1px solid red;
}

.numerator {
  grid-column: 1/2;
  grid-row: 1/2;
  border: 1px solid green;
}

.denominator {
  grid-column: 2/3;
  grid-row: 2/3;
  border: 1px solid green;
}

<span class="container"><span class="numerator">3</span><span class="denominator">5</span></span><br><br>
<span class="container"><span class="numerator">17</span><span class="denominator">4113</span></span>

注意:为了清楚起见，我添加了边框。

但是，我不知道如何在两者之间添加 斜线。请帮忙。

Answer 1

一种简单的方法是只使用下标标签和上标标签。

<p>This text contains <sup>23</sup>/<sub>24</sub> of a number</p>

此文本包含 ²³/₂₄ 个数字