在做理工科的项目时,发现很多复杂的数学公式想要显示在页面上,找了很多办法,以下这一办法是最容易实现的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html数学公式</title>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=AM_HTMLorMML-full"></script>
</head>
<body>
<div class="formula">
<label>暴雨强度公式:</label><span>`i=A/(t+b)^n`</span>
<label>峰前降雨强度公式:</label><span>`i(t_b)=A[(1-n)*t/r+b]/[(t_b/r)+b]^(n+1)`</span>
<label>峰后降雨强度公式:</label><span>`i(t_a)=A[(1-n)*t_a/(1-r)+b]/[(t_a/(1-r))+b]^(n+1)`</span>
<label>备注:</label><span>`A=[A_1(1+ClgP)]/167`</span>
</div>
</body>
</html>
效果如下: