我正在用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 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>