CSS vertical-align属性
CSS vertical-align属性是用来控制元素垂直方向上的对齐方式，它可以让元素在不同的位置上进行定位，从而实现布局的灵活性。
vertical-align属性可以接受以下几种值：
- baseline：基线对齐，默认值。
- sub：下标对齐。
- super：上标对齐。
- top：元素的顶部与行的顶部对齐。
- text-top：元素的顶部与父元素字体的顶部对齐。
- middle：元素的中线与行的中线对齐。
- bottom：元素的底部与行的底部对齐。
- text-bottom：元素的底部与父元素字体的底部对齐。
- %：元素距离基线的垂直距离，可以是负值。
使用vertical-align属性时，需要注意以下几点：
- vertical-align属性只对行内元素有效，对块级元素无效。
- 当vertical-align属性设置为百分比时，必须指定父元素的高度。
- 当vertical-align属性设置为百分比时，元素的高度不能超过父元素的高度。
- vertical-align属性可以设置表格单元格的对齐方式。
.parent {
height: 200px;
}
.child {
vertical-align: 50%;
}
上面的代码中，.parent元素的高度设置为200px，.child元素的vertical-align属性设置为50%，这样.child元素距离.parent元素基线的距离就是100px。