是否有 css 或 html 属性来使输入标签的内容居中？答案

【问题标题】：Is there a css or html attribute to center the contents of an input tag?是否有 css 或 html 属性来使输入标签的内容居中？
【发布时间】：2010-10-30 05:59:42
【问题描述】：

这可能最好用视觉来解释。

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

是否有 CSS 或 HTML 属性可以让我在显示的输入区域中水平居中内容（在我的例子中是日期）而不是左对齐？

注意：我并不是要对齐控件本身，而是要对齐其中的内容。

【问题讨论】：

标签： html css alignment

【解决方案1】：

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

【讨论】：

+1 - 我不相信 OP 说有什么问题，他只是不知道这个规则，所以这可以更好一点:)
我的措辞不好，我认为日历的某些东西破坏了 CSS。
唯一的问题是天色已晚，我的大脑一定锁定了我。不敢相信我不记得那个属性，我已经用了几十次了！阿尔茨海默氏症就是这样开始的吗？

【解决方案2】：

使用text-align: center

CSS

input.date {
    text-align: center;
}

HTML

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

见jsfiddle。

【讨论】：