div中的中心元素

【问题标题】：Center elements within divdiv中的中心元素
【发布时间】：2012-10-09 06:17:02
【问题描述】：

使用text-align: center 将元素居中是一个好的约定吗？为什么我不能使用相同的 text-align: center 将文本框居中？

【问题讨论】：

【解决方案1】：

当然这是一个很好的约定 - 这就是为什么 text-align: center 是为

【讨论】：

它发生是因为在jquery.mobile.css 你有一个覆盖这个的规则。它说textarea.ui-input-text { ... margin: .5em 0 }.. 如果您反覆盖它，那么它将起作用-jsfiddle.net/M9Mnz/17 请注意，此规则仅适用于输入和文本区域。这就是为什么所有的文本、按钮等都以text-align为中心

【解决方案2】：

将其添加到样式中：

text-align:center;

【讨论】：

【解决方案3】：

要将文本区域居中对齐，您必须将其样式设置为display:block;，因为文本区域是内联元素。

【讨论】：