htmlcss用于围绕数学矩阵的括号 – 更喜欢轻量级

概述我正在用html写一些数学.我想以小而轻的方式做到这一点.这就是我到目前为止所拥有的.它使矩阵很好,但有没有办法可以做一个通常在矩阵周围看到的括号？ For example, if <b>A</b> is the matrix<br><br><div align=center> <table> <tr> <td>1+3i</td> 我正在用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>

解决方法 演示： 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 >        <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>

总结

以上是内存溢出为你收集整理的html / css用于围绕数学矩阵的括号 – 更喜欢轻量级全部内容，希望文章能够帮你解决html / css用于围绕数学矩阵的括号 – 更喜欢轻量级所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。