码迷,mamicode.com
首页 > 其他好文 > 详细

关于垂直对齐方式vertical-align

时间:2014-08-12 03:42:23      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:style   ar   代码   html   line   htm   size   type   

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样式。

关于垂直对齐方式vertical-align,布布扣,bubuko.com

关于垂直对齐方式vertical-align

标签:style   ar   代码   html   line   htm   size   type   

原文地址:http://my.oschina.net/u/1865746/blog/300206

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!