Question

例如，我希望'a+b/c'部分位于'a+b'部分的顶部，而不是c，而不是<sup>a+b</sup>&frasl;<sub>c</sub>。

我尝试使用像{{1}}这样的分数线，但它只是产生了这个^{a + b} / _c而不是水平线。正上方和下方的文字。

Answer 1

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

Answer 2

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

Answer 3

检查这个

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/

来源：How to display "Classic" built-up fractions with an horizontal line in CSS / JavaScript?

Answer 4

您可以使用KG Traditional Fractions 2字体！它是免费供个人使用！

Answer 5

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}

来源：How to display "Classic" built-up fractions with an horizontal line in CSS / JavaScript?

有没有一种简单的方法在两行文本之间放置一条线？

5 个答案: