直接给 input 元素加 text-align 即可水平对齐 placeholder 和用户输入文本；::placeholder 中设置 text-align 无效；垂直居中需统一 height、padding、box-sizing 等属性控制。
input 的 placeholder 文字怎么水平对齐
直接给 input 元素加 text-align 就行，比如 text-align: center 或 text-align: right。它会同时作用于用户输入的文本和 placeholder 文字——这是浏览器原生行为，无需额外 hack。
常见误区是试图单独控制 placeholder 水平位置，比如用 ::placeholder 伪元素加 text-align，但这个属性在伪元素里无效，会被忽略。
- 确保没有父级容器设置了
text-align: right等值并意外继承下来；建议在input上显式声明，例如style="text-align: center;" - 如果用了 CSS 框架（如 Bootstrap），检查是否被
.form-control类或其他规则覆盖了text-align -
type="number"输入框在部分浏览器（如 Safari）中可能忽略text-align对 placeholder 的影响，此时需配合::placeholder { text-align: inherit; }强制继承
placeholder 垂直居中为什么总不准
不是对不齐，是它本来就没“垂直居中”这个默认状态。placeholder 的垂直位置由字体度量（ascent/descent）、line-height、padding 和 box-sizing 共同决定，不同字体渲染差异明显。
真正可控的做法是统一约束高度相关属性：
立即学习“前端免费学习笔记（深入）”；
- 给
input设固定height（如height: 40px），并配box-sizing: border-box - 设
padding-top和padding-bottom相等（如都为12px），避免上下 padding 不一致拉偏基线 - 慎用
line-height：若设了line-height: 40px且height也是40px，在某些字体下反而会让 placeholder 浮高 - 必要时微调：
::placeholder { padding-top: 1px; }（仅 Firefox 支持，Chrome/Safari 不认）
label 和 input 的提示文字视觉对齐怎么做
这里容易混淆两个概念：一个是 input 内部的 placeholder，另一个是 label 标签里的说明文字。它们分属不同 DOM 节点，不能靠一个 CSS 规则统一对齐。
典型场景是表格布局或 flex 布局中，label 文字和 input 的 placeholder 看起来高低不一：
- 优先让
label和input自身对齐：加vertical-align: middle到两者（注意不是只加在label上） - 如果
label是块级（如用了display: block），它默认撑满父容器宽度，会破坏与input的横向节奏；建议保持label为 inline 或 inline-block - 用
flex布局更稳：display: flex; align-items: center;可让label文字和input的中线严格对齐，placeholder是否居中不影响整体视觉基准 - 别依赖
table的vertical-align：虽然<td valign="middle"> 看似起作用，但它只影响单元格内容在单元格内的位置，而 <code>placeholder渲染位置仍受字体影响，最终还是错位移动端 placeholder 对齐更难搞？
是的，尤其 iOS Safari。它会对
input的placeholder强制添加内边距、缩放字体、甚至动态调整 vertical-align 行为，而且不暴露可覆盖的 CSS 接口。能做的有限但有效：
- 放弃在小屏上追求像素级垂直居中，优先保证
text-align一致和足够 padding - 禁用用户缩放（
user-scalable=no）不能解决 placeholder 错位，反而损害可访问性，不推荐 - 测试时用真实设备，模拟器常显示正常但真机出问题；特别是
type="search"输入框，iOS 会额外加图标和圆角，挤压 placeholder 可用空间 - 如果业务允许，用浮动标签（floating label）模式替代 placeholder——把提示文字移出输入框，彻底避开对齐问题
align-items），再让 placeholder 在其中自然落位。 - 放弃在小屏上追求像素级垂直居中，优先保证
