CSS vertical-align属性，设置垂直对齐
vertical-align属性
CSS中的vertical-align属性可以用于设置HTML元素垂直对齐的样式。
属性值
| 属性值 | 描述 |
|---|---|
| top | 上对齐 |
| bottom | 下对齐 |
| middle | 居中对齐 |
vertical-align实例代码，及下线编辑器
<p>这是一个段落，包含了一个img图像元素<img src='../../static/img/test.jpg' class='top'>，设置了上对齐的方式。</p>
<p>这个段落，包含了<img src='../../static/img/test.jpg' class='bottom'>，一个下对齐的图像元素。</p>
<p>这个段落的图像元素<img src='../../static/img/test.jpg' class='middle'>，设置了居中对齐的方式。</p>
<style>
.top{width:50px;height:50px;vertical-align:top;}
.bottom{width:50px;height:50px;vertical-align:bottom;}
.middle{width:50px;height:50px;vertical-align:middle;}
</style>