中心表单输入和占位符?

时间:2015-11-19 13:06:13

标签: angularjs twitter-bootstrap ionic-framework ionic

我正在使用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这样的样式框架会有益的情况吗?

3 个答案:

答案 0 :(得分:4)

您需要的只是通过CSS类或内联样式向输入字段添加text-align:center。我们无法看到您尝试使用的类包含哪种类型的CSS,因此我们无法真正了解它们为什么不能为您解决问题。 :(

小提琴:

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

答案 1 :(得分:1)

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

class="text-center"
像这样:

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

答案 2 :(得分:0)

例如:

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