15

次のラテックスに相当するHTML式を作成する方法:

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

画像は次のとおりです。

ここに画像の説明を入力してください

私はこれが好きでした:

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

でも出力はこんな感じ

k = 1 N

HTMLが苦手で、Webで検索しましたが、答えが見つかりませんでした。これを手伝ってください..ありがとう!

4

4 に答える 4

19

プロジェクトの多くのものに必要な場合は、 MathJaxが役立つでしょう。それ以外の場合は、この1つの式だけが必要な場合は、これを試してください-デモ

<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;
}
​
于 2012-11-29T12:57:39.507 に答える
2

MathJaxはほぼ間違いなく正解ですが(ホームページに合計の例もあります)、単純なHTML要素を使用できます(ただし、これらは最終的なMathJax / LaTeXの結果ほど見栄えがよくありません)

合計記号はHTMLエンティティ&sum;であり、スーパースクリプトとサブスクリプトはsupandsub要素でマークアップできるため、次のことを試してください。

&sum;<sub>k=1</sub><sup>N</sup> k (N - k + 1)

取得するには:∑ k = 1 N k(N --k + 1)。

于 2012-11-29T12:58:05.687 に答える
1

Mathjaxを使用する:http ://www.mathjax.org/

それはあなたが探しているもののために特別に作られています。

于 2012-11-29T12:55:04.557 に答える
1

他の人が書いているように、おそらく軽量のjqMathがいくつかのニーズにより適しているかもしれませんが、最良のオプションはおそらくMathJaxです。数式に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の不器用なテーブルベースの構成を使用する必要があります。cf. 私のメモにHTML(およびCSS)の数学、特に最後の2次元性に関するメモ。

于 2012-11-29T15:46:48.640 に答える