分数表現のサンプル

スポンサーリンク

分数表現

クラス名「frac」のspanで全体を囲み、分子はクラス名「si」分母は「bo」のspanで囲むだけ!

(使用例) 12

CSSを表示

.frac{display: inline-block;
vertical-align: -0.65em;
text-align: center;
font-size: 1em;
line-height: 1.3em;}

.si,.bo{display: block;
padding: 0 0.3em;
margin: 0px 0.2em 0px 0.05em;
}
.bo{border-top: solid 1px #333;}

Htmlを表示

<span class=”frac”><span class=”si”>1</span><span class=”bo”>2</span></span>

<span></span>で囲み、display:block;というのがミソ。

(複数使用例) 512+1112=1612=43=113

タイトルとURLをコピーしました