關於垂直對齊方式vertical-align

時間 2019-11-07

標籤關於垂直對齊方式 vertical align 简体版

原文原文鏈接

vertical-align包括如下取值：css

baseline:瀏覽器默認取值；html

sub:文字的下標；瀏覽器

super:文字的上標；字體

top:垂直向上對齊；spa

text-top:使元素和上級元素的字體向上對齊；code

middle:垂直居中對齊；htm

text-bottom:使元素和上級元素的字體向下級對齊。以下：it

<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樣式。
class

相關標籤/搜索