如何在jquery mobile中居中元素

Question

我有一个宽度为20％的输入元素，我希望将其水平居中。我尝试了文本对齐中心（父元素），但它没有帮助。在这里看起来如何（输入框）：

现在元素代码是这样的：

<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;" />