label与input垂直错位主因是基线不一致，应包裹于flex容器并设align-items:center，统一vertical-align:middle，清除line-height干扰，禁用HTML废弃对齐属性。

HTML 标签本身不负责对齐控制，所有对齐行为必须交由 CSS 处理；用 align 或 valign 属性写在标签上属于 HTML5 废弃做法，现代项目中应完全避免。

label 和 input 垂直对齐错位怎么修

错位根源是 （内联）和 （baseline 对齐）默认基线不一致，不是“没设 height”或“字体大小不同”这种表层问题。

• 给每组 + 包一层
  ，并设 display: flex; align-items: center;
• 加 flex: 0 0 120px;（固定宽度防换行）， 加 flex: 1; min-width: 0;
• 统一清除所有表单控件的 vertical-align：在全局 CSS 中加 input, select, textarea, button { vertical-align: middle; }
• 避免给父容器设 line-height，它会干扰基线计算；如有必要，显式写 line-height: normal;

table 整体居中总失败？别碰 align="center"

是浮动模拟居中，不是块级居中，且在 flex 容器、grid 布局或严格模式下直接失效。
• 最简可靠方案：
—— 必须带 width，否则 auto 无效
• 无固定宽需求时，用包裹