html - 如何用HTML写求和表达式？

Question

如何为以下 Latex 编写等效的 HTML 表达式:

$$\sum_{k=1}^Nk(N-k+1)  

图像是:

我喜欢这样:

∑ <sub>k=1</sub> <sup>N</sup>  

但是输出是这样的

∑ _k=1 ^N

我不擅长 HTML，我在网上搜索但找不到答案。请对此提供帮助..谢谢!

Answer 1

如果你的项目中有很多东西需要它，你可能会找到 MathJax有用。否则，如果您只需要这个公式，那么试试这个 - DEMO

<p>
    <span>&Sigma;</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;
}
​