7

私はhtmlでいくつかの数学を書いています。小型軽量化を実現したい。これは私がこれまでに持っているものです。マトリックスはうまくいきますが、マトリックスの周りに通常見られるブラケットを行う方法はありますか?

For example, if <b>A</b> is the matrix
<br>
<br>
<div align=center>
    <table>
        <tr>
            <td>1+3i</td>
            <td>2+i</td>
            <td>10</td>
        </tr>
        <tr>
            <td>4-3i</td>
            <td>5</td>
            <td>-2</td>
        </tr>
    </table>
</div>
<br>
4

2 に答える 2

20

デモ: http://jsfiddle.net/NQ6ww/38/

:beforeおよび:after疑似要素を使用して CSS を介して角かっこをシミュレートします。

    .matrix {
        position: relative;
    }
    .matrix:before, .matrix:after {
        content: "";
        position: absolute;
        top: 0;
        border: 1px solid #000;
        width: 6px;
        height: 100%;
    }
    .matrix:before {
        left: -6px;
        border-right: 0;
    }
    .matrix:after {
        right: -6px;
        border-left: 0;
    }
<div align=center>
    <table class="matrix">
        <tr>
            <td>1+3i</td>
            <td>2+i</td>
            <td>10</td>
        </tr>
        <tr>
            <td>4-3i</td>
            <td>5</td>
            <td>-2</td>
        </tr>
    </table>
</div>

于 2012-07-19T12:50:05.083 に答える
2

MathJax ベースのソリューション ( jsfiddleを使用):

<script src=
"http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML">
</script>
\[\begin{bmatrix}
1+3\mathrm{i}  & 2+\mathrm{i} & 10\\
4-3\mathrm{i} & 5 & -2
\end{bmatrix}\]

Web ページに数式を表示するためにMathJaxを使用することがますます一般的になっているようです。上記の例では、アプローチの LaTeX バージョンを使用しました。MathJax はクライアント側の JavaScript に基づいていますが、おそらくこの欠点よりも利点が勝っています。

を使用する\bmatrixと、括弧付きの行列が生成されます。ISO 80000-2 による行列の主要な表記法では、括弧が使用されます。このために、代わりに使用\pmatrixします。

\mathrm{i}標準に従って、イタリック体ではない「i」を作成していました。iLaTeX はデフォルトで識別子をイタリック体にするため、多くの数学者は今でもイタリック体を好んで使用しています。LaTeX は、演算子の周囲に適切なスペースを自動的に適用し、ハイフン「-」をマイナス記号に変換することに注意してください。

于 2012-07-19T13:30:02.010 に答える