Javascript jquerymobile中的中心控制组
我在jQuery Mobile中有一个控制组,它是页脚的一部分:Javascript jquerymobile中的中心控制组,javascript,jquery,html,jquery-mobile,footer,Javascript,Jquery,Html,Jquery Mobile,Footer,我在jQuery Mobile中有一个控制组,它是页脚的一部分: <div data-role="controlgroup" data-type="horizontal"> <a data-role="button" data-icon="toomanynotes-back" data-iconpos="notext"></a> <a data-role="button" data-icon="toomanynotes-play" data-ic
<div data-role="controlgroup" data-type="horizontal">
<a data-role="button" data-icon="toomanynotes-back" data-iconpos="notext"></a>
<a data-role="button" data-icon="toomanynotes-play" data-iconpos="notext"></a>
<a data-role="button" data-icon="toomanynotes-next" data-iconpos="notext"></a>
</div>
论坛帖子,但对我不起作用。如何将控制组(水平)居中放置在页脚中?其他一些CSS属性也可以工作:
#playdiv {
font-size:1.0em;
margin: 0 auto;
width:100%;
text-align: center;
position:relative;
left:50%
}
事实证明,其他一些CSS属性也起了作用:
#playdiv {
font-size:1.0em;
margin: 0 auto;
width:100%;
text-align: center;
position:relative;
left:50%
}
这似乎在jqm 1.1.1中有所改变。文本对齐:居中;工作正常,但现在没有。这似乎在jqm 1.1.1中有所改变。文本对齐:居中;工作正常,但现在不行。在1.2.0中,我唯一要做的就是使用
text align:center在1.2.0中,我唯一要做的就是使用
文本对齐:在jQuery Mobile 1.3.1中居中
.ui-field-contain .ui-controlgroup,
.ui-field-contain fieldset.ui-controlgroup {
text-align: center;
}
.ui-field-contain .ui-controlgroup-controls {
width: auto;
}
在jQuery Mobile 1.3.1中,只需在CSS中添加以下代码:
.ui-field-contain .ui-controlgroup,
.ui-field-contain fieldset.ui-controlgroup {
text-align: center;
}
.ui-field-contain .ui-controlgroup-controls {
width: auto;
}
我花了大约两个小时试图通过修改CSS来调整中心按钮。我强烈建议使用布局网格
<fieldset class="ui-grid-a">
<div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
</fieldset>
取消
提交
来源:我花了大约两个小时试图通过修改CSS来居中调整按钮。我强烈建议使用布局网格
<fieldset class="ui-grid-a">
<div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>
</fieldset>
取消
提交
来源:JQM 1.1.1的相同问题和解决方案:JQM 1.1.1的相同问题和解决方案:很好,它对您有效,b/c似乎不是正确的方法。“左:50%”将div的左边缘与屏幕中心对齐,而不是将div水平居中。“left”的硬编码值也不起作用,如果您调整浏览器的大小,控制组看起来就不再居中对齐了。@SamikR:谢谢您提供的信息。我在JQ和JS方面没有太多的经验,所以请告诉我是否有更好的解决方案。很好,它对您有效,b/c似乎不是正确的方法。“左:50%”将div的左边缘与屏幕中心对齐,而不是将div水平居中。“left”的硬编码值也不起作用,如果您调整浏览器的大小,控制组看起来就不再居中对齐了。@SamikR:谢谢您提供的信息。我在JQ和JS方面没有太多经验,所以请告诉我是否有更好的解决方案。谢谢你的回答,但这应该是一个评论。谢谢你的回答,但这应该是一个评论。这看起来很有趣。我不再参与这个项目了,但我可能会尝试一下。这看起来很有趣。我不再参与这个项目了,但我可能会尝试一下。