CSS 隐藏+对齐+表单篇

对齐问题

• text-align: 是控制行元素的水平对齐方式

  vertical-align: 控制行元素的垂直方向的对齐方式

• 基线

  行元素默认情况下在垂直方向上的对齐方式: 基线对齐 baseline

  基线： 基线的位置是不固定的

  1. 在文本类的匿名元素中, 基线的位置是字符x的下边缘

  2. 在img元素中, 基线的位置是图片的下边缘

  3. 在inline-block的元素中, 分两种情况:

  ３.１　如果该元素中有行元素, 基线就以其内部最后一行的行元素的基线为准

  ３.２　如果该元素中没有行元素, 基线就以该元素的margin-bottom的底边缘为准

• vertical-align

  1. baseline 基线对齐

  2. sub 将元素降低到当前行的下标位置

  3. super 将元素提高到当前行的上标位置

  4. top 元素的顶边和行内最高元素的顶边对齐

     需要注意的是：

  ​ 4.1元素是与当前行内的最高元素的顶边对齐, 不能说是与该行的 顶对齐

  ​ 4.2行内最高元素的顶边包含margin值的

  5. middle 元素的上下边的中心点与当前行的基线 加上1/2的x的高度位置对象

  6. bottom 元素的底边和当前行的底边对齐

  7. text-top 元素的顶边与父级的内容区域的顶边