如何为以下 Latex 编写等效的 HTML 表达式:
$$\sum_{k=1}^Nk(N-k+1)
图像是:
我确实喜欢这样:
∑ <sub>k=1</sub> <sup>N</sup>
但输出是这样的
∑ k=1 N
我不擅长 HTML,我在网上搜索但找不到答案。请对此提供帮助..谢谢!
如果您的项目中有很多东西需要它,您可能会发现MathJax很有用。否则,如果您只需要这个公式,那么试试这个 -演示
<p>
<span>Σ</span>
k ( N - k + 1 )
</p>
CSS
p {
height: 50px;
line-height: 50px;
}
span {
position: relative;
font-size: 2.5em;
display: inline-block;
line-height: .7em;
vertical-align: middle;
}
span:before {
font-size: 12px;
display: block;
position absolute;
left: 0;
top: 0;
content: "N";
width: 22px;
text-align: center;
}
span:after {
font-size: 12px;
display: block;
position absolute;
left: 0;
bottom: 0;
content: "k = 1";
width: 27px;
text-align: center;
}
虽然MathJax几乎肯定是正确的答案(主页上甚至还有一个求和的示例),但您可以使用简单的 HTML 元素(但是这些看起来不如最终的 MathJax/LaTeX 结果好)。
求和符号是 HTML 实体∑
,上标和下标可以用sup
andsub
元素标记,所以试试:
∑<sub>k=1</sub><sup>N</sup> k (N - k + 1)
得到: ∑ k=1 N k (N - k + 1) 。
使用Mathjax: http: //www.mathjax.org/
它专为您正在寻找的东西而构建。
正如其他人所写,最好的选择可能是MathJax,尽管轻量级的jqMath可能更适合某些需求。以下是如何将 MathJax 用于您的公式(对于生产用途,请考虑将 MathJax 软件上传到您自己的服务器上):
<!DOCTYPE html>
<title>MathJax demo</title>
<script src=
"http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
$$\sum_{k=1}^Nk(N-k+1)$$
纯 HTML 不会带你走太远,即使使用 CSS 样式,显示公式的结果也不能令人满意。您将需要使用 CSS 定位(在这里会变得很棘手)或 HTML 中基于表格的笨拙构造;参看。到我的笔记Math in HTML (and CSS),尤其是最后关于二维的笔记。