HTML/CSS布局编号的表达式（a^x）

我需要在网页中布局一些数学表达式，不能使用latex或mathML，只能使用纯HTML（不是HTML5）

例如，我有一个表达式，它具有另一个表达式的力量 （a+b+sqrt（c））^（2x+b）

第二个表达式应该位于第一个表达式的右侧，略小一点，并在其上方

听起来很简单，但我似乎不太明白

任何帮助都是样式和布局，谢谢。

您可以使用

元素将指数显示为基的上标。涉及的HTML将是：

(a+b+sqrt(c))<sup>(2x+b)</sup>

可以看到一个演示。

HTML为上标定义了一个

标记。例如：

a<sup>x</sup>

ax

---

其中，您可以使用CSS更改页边距和垂直对齐。

HTML在数学表达式方面相当有限。原则上，HTML规范建议对上标使用

sup

元素，因此示例表达式为

(<i>a</i> + <i>b</i> + √<i>c</i>)<sup>2<i>x</i> + <i>b</i></sup>

使用CSS代码

.sup {
  position: relative;
  bottom: 1ex; 
  font-size: 80%;
}

我的页面上解释了一些原因。还可以考虑基于JavaScript的包含复杂数学表达式的库：

---

示例表达式是一个边界情况；如果平方根是用平方根符号表示的，而不仅仅是√c、 试图用HTML和CSS构建vinculum会变得相当肮脏，但在其他方面，可以用HTML和CSS合理地处理。

下标和上标字符可以由sub和sup指定

X<sub>2</sub><sup>3</sup>

X23

---

这就给出了X后缀2和幂3。这是在html中赋予数字权力的简单方法

这个标签是仅支持HTML5还是在旧的HTML版本中也受支持？这个标签可以追溯到我在线之前。我对它的第一个了解是在XHTML和今天的HTML5出现之前，但我能找到的第一个参考是1997年的。所以可以肯定地说，它也适用于较旧的HTML版本。感谢您提供的信息。现在我将在我的网站上使用它，而不必担心世界上较旧的浏览器。我故意使用了

I

元素，我只是将错误地将其更改为

em

。首先，改变别人的答案来取悦你对“语义标记”的想法是错误的，即使你对“语义”的理解是正确的。第二，HTML规范对

em

的含义意见不一，但它们都提到某种强调。数学中变量的斜体表示法是传统的表示法，而不是任何形式的强调。如果您真的想使用“语义”标记，那么

var

就更接近了。

.sup {
  position: relative;
  bottom: 1ex; 
  font-size: 80%;
}

X<sub>2</sub><sup>3</sup>