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

标签 jquery html jquery-mobile mobile

我有一个宽度为 20% 的输入元素,我想将它水平居中。我试过文本对齐中心(父元素),但没有帮助。它的外观如下(输入框):

enter image description here

现在元素代码是这样的:

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

有什么办法吗?

最佳答案

只需将 margin: 0 auto 添加到元素即可。对于固定宽度的 block 元素,自动左/右外边距将相对于父元素居中:

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

关于jquery - 如何在jquery mobile中居中元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13712532/

相关文章:

javascript - 在浏览器中创建可拖动的表格行和奇怪的效果

javascript - 用户所在位置下雪时激活js

javascript - 容器上的滚动会改变滚动大型容器的速度

javascript - 如何通过导航栏的高度更改平滑滚动 JQuery 动画的偏移量

html - -moz-背景剪辑 : *text* in Mozilla

jquery-mobile - jQuery 移动 : How to customize button

jQuery Mobile 数据过滤器,以防没有结果

javascript - 删除和设置目录后,Wordpress 站点出现 JQuery 错误

javascript - 如何在使用 JavaScript 打字时动态关闭括号?

jquery - 实现 jQuery 照片幻灯片时遇到问题