איך כותבים שבר פשוט בשפת HTML - מדריך

שתף בפייסבוק

טוויטר

איך כותבים שבר פשוט (Fractions) בשפת HTML?

ניתן לעשות זאת בשלוש דרכים עיקריות:

דרך א: שימוש בסימן /
לדוגמא: 4/5

דרך ב: שימוש ב- &frasl ו-sup
לדוגמא: <sup>1</sup>&frasl;<sub>10</sub> ייתן לנו ¹⁄₁₀

דרך ג: שימוש בקוד CSS ב-head וקוד HTML המבוסס על Div

לדוגמא:

<style>

.frac { display: inline-block;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0.001em;
    text-align: center;
}
.frac > span {
    display: block;
    padding: 0.1em;
}
.frac span.bottom {
    border-top: thin solid black;
}
.frac span.symbol {
    display: none;}
</style>

וב-body:

1<div class="frac"><span>1</span><span class="symbol">/</span><span class="bottom">2</span></div>

הוצאה תהיה: 

שתף בפייסבוק

טוויטר