垂直对齐方式及常见可以解决的问题

设置行内/行内块元素垂直对齐方式的属性:

  • vertical-align

垂直对齐方式的常见取值:

  • baseline 默认,基线对齐
  • top 顶部对齐
  • middle 中部对齐
  • bottom 底部对齐

项目中vertical-align可以解决的问题

  1. 文本框和表单按钮无法对齐问题

  2. input和img无法对齐问题

  3. div中的文本框,文本框无法贴顶问题

  4. div不设置高度由img标签撑开,此时img标签下面会村长额外间隙问题

  5. 使用line-height让img标签垂直居中问题

注意点:

  • 学习浮动之后,不推荐使用行内块元素让div一行中显示,因为可能出现垂直对齐问题。
  • 推荐优先使用浮动完成效果

给TA打赏
共{{data.count}}人
人已打赏
知识碎片

如何将稀疏数组写出到磁盘中

2021-11-27 11:30:32

知识碎片

CSS鼠标光标常见样式类型

2021-11-27 15:44:03

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧