2017-03-23 42 views
0

我想編寫代碼以顯示不同的數學公式。我想爲均值(平均)的公式,目前∑ňñ是:將分部寫作HTML中的分數

<span class="frac"><sup>&sum;n</sup><span>&frasl;</span><sub>n</sub></span> 

但這並不看起來非常好。我想使它成爲水平線,上下都是文字。

關於如何使用HTML/JS/JQUERY/CSS做到這一點的任何想法?我試過MathJax但它加載然後消失出於某種原因...

+1

您嘗試使用MathJax的樣子是什麼樣的?如果你顯示你的代碼,我們可以解釋它爲什麼會消失,以及如何阻止它消失(因爲這不是MathJax的通常行爲)。 –

+0

你有沒有嘗試過這個網頁上的一些解決方案http://stackoverflow.com/questions/7525977/how-to-write-fraction-value-using-html – Glacier11

+0

它只是直線向上看不見 –

回答

0

以下是我認爲你正在尋找...

<div class="All"><div class="Sum">&sum; =</div><span class="Fraction"><span class="Numerator">n234</span><span class="Denominator">43242m</span></span> 

.All { 
    display: table-row; 
} 
.Sum { 
    display: table-cell; 
    vertical-align: middle; 
} 
.Fraction { 
    display: table-cell; 
    text-align: center;  
} 
.Denominator{ 
    border-top: 1px solid #000; 
    display: block; 
} 
.Fraction, .Numerator, .Denominator { 
    padding: 0px 5px;  
} 

Demo