中心表单输入和占位符？

Question

我正在使用AngularJS和Ionic。

我有一个电子邮件输入字段：

<input type="password" placeholder="Password" ng-model="data.password">

我想在此处居中的地方。 我都尝试过：

<input type="password" placeholder="Password" ng-model="data.password" class="align-center">
<input type="password" placeholder="Password" ng-model="data.password" class="center">

但都没有成功。

• 为什么任何尝试都没有成功？
• 如何将文字居中？
• 在这种情况下，添加像Bootstrap这样的样式框架会有所益处吗？

Answer 1

从字面上看，您所需要的只是通过CSS类或嵌入式样式向输入字段添加text-align:center 。 我们看不到您尝试使用的类包括哪种CSS，因此我们无法真正知道为什么它们对您不起作用。 :(

小提琴：

http://jsfiddle.net/HB7LU/20067/

Answer 2

您可以使用此引导类将文本居中

class="text-center"

---

像这样：

<input type="password" placeholder="Password" ng-model="data.password" class="text-center">

Answer 3

例如 ：

<input class="text-center" type="password" ng-model="user.password">