0

例如a+b/c，我希望 ' a+b' 部分位于 ' ' 部分之上，而不是 ' c' 部分，中间有一条线。

我尝试过使用这样的分数线，<sup>a+b</sup>&frasl;<sub>c</sub>但它只是产生这个a+b ⁄ c而不是一条水平线，文本直接位于上方和下方。

4

5 回答 5

2

有LaTex，由 math.stackexchange.com 使用。您还可以使用MathML 之类的东西。

于 2013-08-26T18:17:56.023 回答
2

MathJAX将允许您在 HTML 中包含 Latex 或 MathML 公式。MathJax 也可以配置为在浏览器中可用时使用本机 MathML 呈现，并且仅在本机呈现不可用时回退到 HTML-CSS 模式。

于 2013-08-26T18:18:52.273 回答
2

检查这个

CSS

.fraction, .top, .bottom {
    padding: 0 5px;    
}

.fraction {
    display: inline-block;
    text-align: center;    
}

.bottom{
    border-top: 1px solid #000;
    display: block;
}

HTML

<span class="fraction">1/2</span>
<span class="fraction">3/4</span>
<span class="fraction">1/32</span>
<span class="fraction">77/102</span>

jQuery

$('.fraction').each(function(key, value) {
    var split = $(this).html().split("/")
    if( split.length == 2 ){
        $this.html('
            <span class="top">'+split[0]+'</span>
            <span class="bottom">'+split[1]+'</span>
        ')
    }    
});

http://jsfiddle.net/xW7d8/

来源：如何在 CSS / JavaScript 中用水平线显示“经典”组合分数？

于 2013-08-26T18:24:23.343 回答
0

HTML

<div class="top">2</div><div class="bottom">6</div>​

CSS

.top{border-bottom:solid black 1px; display:inline-block; float:left}

.bottom{ display:inline-block; clear:left; float:left}

资料来源：如何在 CSS / JavaScript 中用水平线显示“经典”组合分数？

于 2013-08-26T18:34:58.157 回答
0

您可以使用KG 传统分数 2字体！它是免费供个人使用的！

于 2013-08-26T18:25:04.290 回答