初始值： baseline
继承性： 不继承
适用于： 行内元素和单元格（table-cell）元素
媒体： 视觉
计算值： 百分比和长度值为绝对长度；其他同指定值
此处需要特别注意的是：垂直对齐属性只对行内元素有 效。例如有如下代码：
<p style=”vertical-align:super;”>垂直对齐<span>上标</span></p& gt;
<p>元素默认为块级元素，因此在浏览器内浏览时将不会有任何变 化。而如下代码：
<p>垂直对齐<span style=”vertical-align:super;”>上标</span></p>
<span>元素默认为行内元素，因此显示如图7-35所示。
图7-35垂直对齐属性只对行内元素有效
行内元素还包括图片、表单输入元素等，同时，垂直对齐不能被继承。
7.4.2 属 性值详解
在[7.3 行高 line-height]一节中，曾经介绍了文本的基线、顶线、中线和底线，还有内容区域、行内框和行框，而本节的垂直对齐和这几个概念密切相关。
垂直对齐主要属性值的表现形式如图7-36所示。
图7-36 垂直对齐的主要属性值示意
(1). 基线对齐 （vertical-align : baseline）
基线对齐（vertical-align : baseline）使元素的基线同父元素的基线对齐，例如有如下代码：
p strong {
line-height : 7em;
font-size : 2em;
vertical-align : baseline;
}
<p>基线对 齐<strong>vertical-align:baseline;</strong></p>
则其显示如图7-37所示。
图7-37 基线对齐
而像图片或者输入框这样的元素，本身没有基线，则将其底端同父元素的基线对齐， 如图7-34所示。
(2). 顶端对齐 （vertical-align : top）
顶端对齐（vertical-align : top）是将元素的行内框的顶端与行框的顶端对齐，例如有如下代码：
p {
line-height : 7em;
}
p strong {
vertical-align:top;
line-height:2em;
}
p img {
vertical-align : top;
}<p>顶端对齐：<strong>vertical- align:top;</strong><img src=”img/ddcat_anim.gif” alt=”图片” width=”88″ height=”31″ /></p>
则其显示如图7-38所示。
