Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquerymobile中的中心控制组_Javascript_Jquery_Html_Jquery Mobile_Footer - Fatal编程技术网

Javascript jquerymobile中的中心控制组

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

我在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-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方面没有太多经验,所以请告诉我是否有更好的解决方案。谢谢你的回答,但这应该是一个评论。谢谢你的回答,但这应该是一个评论。这看起来很有趣。我不再参与这个项目了,但我可能会尝试一下。这看起来很有趣。我不再参与这个项目了,但我可能会尝试一下。