css 中的化学式

Question

我需要在CSS中写几个公式（或者有其他方法吗？）并集成到我的学生测验网站上。

我已经在这里找到了一些有趣的例子： http://www.periodni.com/mathematical_and_chemical_equations_on_web.html

但是我还需要一个，如图所示：

Answer 1

CO<sub>2</sub><br>
H<sub>2</sub> + O --->H<sub>2</sub>O

CO₂
H₂ + O --->H₂O

Answer 2

我点赞了Nplay的评论，easychem好像很好玩

通过 HTML 实现它的肮脏、肮脏的方式（请不要在家里尝试）：

<p>
  <span style="visibility: hidden;">CH<sub>3</sub> - </span>CH<sub>3</sub><br/>
  <span style="visibility: hidden;">CH<sub>3</sub> - </span>|<br/>
  CH<sub>3</sub> - C - CH<sub>3</sub><br/>
  <span style="visibility: hidden;">CH<sub>3</sub> - </span>|<br/>
  <span style="visibility: hidden;">CH<sub>3</sub> - </span>CH<sub>3</sub><br/>
</p>

css 中的化学式

Chemical formula in css

php

css

formula

equations