有没有一种CSS或HTML属性可以将输入标签的内容居中？

Question

这可能需要用图像来解释。

如下所示，我有两个 <input> 元素供用户输入日期。

是否有 CSS 或 HTML 属性可以让我将内容（在我的情况下是日期）水平居中显示，而不是左对齐？

注意：我并不想对齐控件本身，而只是它们内部的内容。

- JohnFx

Answer 1

<input type="text" style="text-align:center;" />

- Novikov

---

+1 - 我不认为原帖作者说有什么问题，他只是不知道这个规则，所以这句话可以表达得更好一些 :) - Nick Craver

我的措辞不当，我假设日历中的某些内容破坏了CSS。 - Novikov

唯一的问题是现在已经很晚了，我的大脑可能已经僵住了。我简直不敢相信自己居然想不起来那个属性，我已经用过它好几十次了！这就是老年痴呆的开始吗？ - JohnFx

Answer 2

使用 text-align: center

CSS

input.date {
    text-align: center;
}

HTML

<input class="date" type="text" value="123"  />

请在jsfiddle中查看。

- Topera