设置行内/行内块元素垂直对齐方式的属性:
- vertical-align
垂直对齐方式的常见取值:
- baseline 默认,基线对齐
- top 顶部对齐
- middle 中部对齐
- bottom 底部对齐
项目中vertical-align可以解决的问题
- 文本框和表单按钮无法对齐问题
- input和img无法对齐问题
- div中的文本框,文本框无法贴顶问题
- div不设置高度由img标签撑开,此时img标签下面会村长额外间隙问题
- 使用line-height让img标签垂直居中问题
注意点:
- 学习浮动之后,不推荐使用行内块元素让div一行中显示,因为可能出现垂直对齐问题。
- 推荐优先使用浮动完成效果