分数表現のサンプル

分数表現

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

(使用例) 12

[su_spoiler title=”CSSを表示” style=”fancy” icon=”chevron-circle” class=”std no-trn GMN”]

.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;}

[/su_spoiler]

[su_spoiler title=”Htmlを表示” style=”fancy” icon=”chevron-circle” class=”std no-trn GMN”]

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

[/su_spoiler]

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

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

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