jquery - 如何在jquery mobile中居中元素

Question

我有一个宽度为 20% 的输入元素，我想将它水平居中。我试过 text-align center （父元素），但没有帮助。这是它的外观（输入框）：

现在元素代码是这样的：

<fieldset class="ui-grid-solo" style="text-align:center !important;">
   <input type="number" class="answerIput"/>
</fieldset>

有没有办法做到这一点？

Answer 1

只需添加margin: 0 auto到元素。使用固定宽度的块元素，自动左/右边距将相对于父元素居中：

<input type="number" class="answerIput" style="margin: 0 auto;">

Answer 2

使用边距

<input type="number" class="answerIput" style="margin-left:auto;margin-right:auto;" />