2012-07-19 16 views
7

html biraz matematik yazarım. Bunu küçük ve hafif bir şekilde yapmak istiyorum. Şimdiye kadar sahip olduğum şey bu. Matrisleri sadece iyi yapar, ama genellikle matrislerin etrafında gördüğü köşeli parantezleri yapabileceğim bir yol var mı?html/css - hafif

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> 

cevap

16

Gösteri:http://jsfiddle.net/NQ6ww/38/

köşeli parantez simüle etmek için :before ve :after sözde elemanları kullanılarak CSS ile yapılan. (jsfiddle ile)

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

Harika, teşekkürler! –

2

A MathJax tabanlı çözüm:

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

Okullanmak için giderek daha yaygın olarak görülüyor Web sayfalarında matematik formülleri görüntülemek için. Yukarıdaki örnek, yaklaşımın LaTeX sürümünü kullanmıştır. MathJax, istemci tarafındaki JavaScript'i temel alır, ancak bu olumsuz sonuç muhtemelen faydalardan daha ağır basmaktadır.

\bmatrix kullanımı köşeli parantez oluşturur. Matrisler için birincil işaret, ISO 80000-2'ye göre parantez kullanır; bunun için \pmatrix kullanın.

Standartlara göre italik olmayan “i” üretmek için \mathrm{i} kullanıyorum. LaTeX varsayılan olarak tanımlayıcıları italik hale getirdiğinden, pek çok matematikçi, sadece i yerine buradaki italikleri desteklemektedir. LaTeX'in operatörler arasında otomatik olarak uygun aralık bıraktığını ve tire işaretini “-” işaretini eksi işaretine döndürdüğünü unutmayın.

+1

Gelecek için not: cdn.mathjax.org, kullanım ömrünün sonuna yaklaşıyor, geçiş ipuçları için https://www.mathjax.org/cdn-shutting-down adresini kontrol edin (ve belki de gelecekteki okuyucular için gönderinizi güncelleyin). –

İlgili konular