化学式css

Question

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

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

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

Answer 1

我赞成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>

Answer 2

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

CO <子> 2
H ₂ + O ---> H ₂ O