html/css dla nawiasów wokół macierzy matematycznej - preferuj lekki

Question

Piszę trochę matematyki w html. Chcę to zrobić w małym i lekkim stylu. To jest to, co do tej pory miałem. Sprawia, że ​​macierze są w porządku, ale czy istnieje sposób, w jaki mogę zrobić nawiasy, które zwykle widzi się wokół macierzy?

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> 

Answer 1

Demo:http://jsfiddle.net/NQ6ww/38/

wykonane poprzez CSS stosując :before i :after elementy pseudo symulować nawiasach kwadratowych.

HTML

<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> 

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; 
} 

Answer 2

Roztwór (z jsfiddle) mathjax opartej:

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

Wydaje się coraz bardziej powszechne w użyciu MathJax do wyświetlania formuł matematycznych na stronach internetowych. W powyższym przykładzie zastosowano wersję podejścia LaTeX. MathJax opiera się na JavaScript po stronie klienta, ale ta przewaga jest prawdopodobnie większa od korzyści.

Użycie \bmatrix generuje macierz z nawiasami. Podstawowa notacja dla macierzy, zgodnie z ISO 80000-2, używa nawiasów; w tym celu użyj \pmatrix.

Użyłem \mathrm{i}, aby utworzyć "i" bez kursywy zgodnie ze standardem. Wielu matematyków nadal lubi tutaj kursywa, możliwe do uzyskania przy użyciu tylko i, ponieważ LaTeX domyślnie pochyla dane. Zauważ, że LaTeX automatycznie stosuje właściwe odstępy wokół operatorów i zamienia łącznik "-" na znak minus.