关于垂直对齐方式vertical-align

vertical-align包括以下取值:

 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>

这段代码中首先在<head></head>之间,用<style>定义了ch标记中vertical属性为super,表示文字上标,然后对正文中的文本用ch样式。

你可能感兴趣的:(文字对齐)