如何在 html 中表示分数

Question

我想在 html 中表示分数，我现在使用的代码是这样的：

<sup>3</sup>&frasl;<sub>8</sub>

看起来像这样：

但我想像这样表示它：

如何更改？

需要一些指导。

Answer 1

你可以使用mathjax。它是用于数学渲染的事实上的库。然而，它并不轻巧。请注意 google 选择 而不是 来支持 mathml

或者，使用 html/css。分数只是两个 div 堆叠在一起，中间有一个边框。

Answer 2

通过纯 HTML 是不可能的。但是您可以使用一点 CSS.

创建这种类型的分数

.fraction {
  position: relative;
  width: 1em;
  font-size: 2em;
}
.numerator {
  border-bottom: 2px solid black;
  text-align: center;
}
.denominator {
  border-right: 2px solid black;
  width: 0.75em;
  text-align: center;
}

<div class="fraction">
  <div class="numerator">3</div>
  <div class="denominator">8</div>
</div>

如何在 html 中表示分数

How to represent fractions in html

html

fractions