文章/答案/技术大牛

发布

社区首页 >问答首页 >用于数学矩阵周围括号的html/css --优先考虑轻量级

问用于数学矩阵周围括号的html/css --优先考虑轻量级
EN

Stack Overflow用户

提问于 2012-07-19 20:43:25

回答 2查看 7.4K关注 0票数 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>

html

math

matrix

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-07-19 20:50:05

演示： 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>

票数 20

Stack Overflow用户

发布于 2012-07-19 21:30:02

基于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生成一个带括号的矩阵。根据国际标准化组织80000-2标准，矩阵的主要表示法使用圆括号；为此，请使用\pmatrix。

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

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11561137

复制

相似问题

问用于数学矩阵周围括号的html/css --优先考虑轻量级
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于数学矩阵周围括号的html/css --优先考虑轻量级EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于数学矩阵周围括号的html/css --优先考虑轻量级
EN