7.vertical-align属性
Posted 731856167qqcom
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了7.vertical-align属性相关的知识，希望对你有一定的参考价值。
本节学习目标：
图片、表单和旁边的文字对齐
解决图片底部默认空白缝隙问题
1.图片、表单和旁边的文字对齐
默认的图片、表单等行内元素或行内快元素是和文字的基线对齐的，但在实际情况下，我们想让他们中间对齐或底部对齐，这时我们可以设置vertical-align属性
vertical: top|middle|base|bottom
2.解决图片底部默认空白缝隙问题
因为我们的图片默认是和文字的基线对齐的，如若我们给图片加边框，那么图片底部和边框中间会默认留一部分空隙。
解决办法：
- 设置vertical属性（只要不是base就可以）
- 把图片转化为块级元素
以上是关于7.vertical-align属性的主要内容，如果未能解决你的问题，请参考以下文章