1

次のような多くの方法を試しました。

<table style="border-collapse: collapse; width: auto; float: left; margin: 2px;">
  <tbody>
    <tr><td style="text-align: center;padding: 5px; border-bottom: 1px solid black;">3</td></tr>
    <tr><td style="text-align: center; padding: 5px;">5</td></tr>
  </tbody>
</table>

と

<span class="fraction">
    <span>5</span>
    <span>3</span>
</span>
<style type="text/css">
.fraction{
    display:inline-block;
    vertical-align:middle;
}
.fraction>span{
    display:block;
}
.fraction>span:first-child{
    border-bottom:1px solid black;
}
</style>

だから私は疑問に思っていました.より少ない要素を使用するより良い方法はありますか? (たとえば、最初に使用されたものはtable、tbody、 2tr秒 & 2td秒)

4

1 に答える 1

6

レイアウトが完全に垂直である必要がない場合:

<sup>1</sup>&frasl;<sub>10</sub>

生成される : 1 ⁄ 10

垂直にする必要がある場合：

あなたのソリューションは、私が思う最高のものの1つです。

分数を簡単に書きたい場合:

たとえば、Javascript ライブラリhttp://www.mathjax.org/またはhttp://mathscribe.com/author/jqmath.htmlを使用できます。

ウィキペディアのように見せたい場合:

TeXディストリビューションによって生成された画像を使用してください:)

于 2012-08-26T12:25:36.707 に答える