垂直配置についてvertical-align
653 ワード
vertical-alignには、次の値が含まれます.
baseline:ブラウザのデフォルト値;
sub:文字の下付き;
super:文字の上付き文字;
top:垂直方向に整列;
text-top:要素と親要素のフォントを上に揃えます.
middle:垂直中央揃え;
text-bottom:エレメントと上位エレメントのフォントを下位に揃えます.次のようになります.
このコードでは、まずの間で、chタグのvertical属性をでsuperとして定義し、文字を上付きで表し、本文のテキストに対してchスタイルを使用します.
baseline:ブラウザのデフォルト値;
sub:文字の下付き;
super:文字の上付き文字;
top:垂直方向に整列;
text-top:要素と親要素のフォントを上に揃えます.
middle:垂直中央揃え;
text-bottom:エレメントと上位エレメントのフォントを下位に揃えます.次のようになります.
<html>
<head>
<title></title>
<style type="text/css">
.ch{
vertical-align:super;
font-size:20px;
font-weight:400;
}
</style>
</head>
<body>
5<span class="ch">2</span>-2<span class="ch">2</span>=21
</body>
</html>このコードでは、まずの間で、chタグのvertical属性を