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/

通过 CSS 使用伪元素:before来:after模拟方括号。

    .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}\]

使用MathJax在网页上显示数学公式似乎越来越普遍。上面的例子使用了 LaTeX 版本的方法。MathJax 是基于客户端 JavaScript 的，但是这个缺点可能被它的好处所抵消。

使用\bmatrix生成带括号的矩阵。根据 ISO 80000-2，矩阵的主要符号使用括号；为此，请\pmatrix改用。

我曾经\mathrm{i}按照标准生成非斜体的“i”。许多数学家在这里仍然偏爱斜体，可以通过使用i来实现，因为默认情况下，LaTeX 使标识符斜体。请注意，LaTeX 会自动在运算符周围应用适当的间距，并将连字符“-”变为减号。

于 2012-07-19T13:30:02.010 回答