在HTML页面添加数学公式格式

在做理工科的项目时,发现很多复杂的数学公式想要显示在页面上,找了很多办法,以下这一办法是最容易实现的。

<!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>

效果如下:

经验分享 程序员 微信小程序 职场和发展