vertical-align
垂直对齐
让带有宽度的块级元素居中对齐，是margin: 0 auto;
让⽂字居中对齐，是 text-align: center;
vertical-align 垂直对齐
~~~css
vertical-align : baseline |top |middle |bottom
~~~
设置或检索对象内容的垂直对其⽅式。
**通常⽤来控制图⽚/表单与⽂字的vertical-align 不影响块级元素中的内容对齐，它只针对于 ⾏内元素或者⾏内块元素，特别是⾏内块元素， **通常⽤来控制图⽚/表单与⽂字的对齐**。
css设置文字垂直居中### 图⽚、表单和⽂字对齐
所以我们知道，我们可以通过vertical-align 控制图⽚和⽂字的垂直关系了。 默认的图⽚会和⽂字基线对齐。
### 去除图⽚底侧空⽩缝隙
重要特性 你要记住： 图⽚或者表单等⾏内块元素，他的底线会和⽗级盒⼦的基线对齐。这样会造成⼀个问题，就是图⽚底侧会有⼀个空有个很 重要特性
⽩缝隙。
<img src="media/3.jpg" />
解决的⽅法就是：
1. 给img vertical-align:middle | top等等。  让图⽚不要和基线对齐。
2. 给img 添加 display：block; 转换为块级元素就不会存在问题了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。