gpt4 book ai didi

css - 如何居中 JQM 网格?

转载 作者:行者123 更新时间:2023-11-28 18:23:34 26 4
gpt4 key购买 nike

那么是否可以在 jQuery Mobile 中将网格居中。例如我有这个 http://jsfiddle.net/nonamez/Pr8pa/

<div class="ui-grid-d">
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:60px">A</div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:60px">B</div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:60px">C</div></div>
<div class="ui-block-d"><div class="ui-bar ui-bar-e" style="height:60px">C</div></div>
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:60px">A</div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:60px">B</div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:60px">C</div></div>
<div class="ui-block-a"><div class="ui-bar ui-bar-e" style="height:60px">A</div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-e" style="height:60px">B</div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-e" style="height:60px">C</div></div>
</div>

它看起来像enter image description here

最佳答案

解决方案

工作示例:http://jsfiddle.net/Gajotres/BFfWc/

改变:

<div class="ui-grid-d">

收件人:

<div class="ui-grid-c">

HTML :

<div class="ui-grid-c">
<div class="ui-block-a"><div style="height:60px" class="ui-bar ui-bar-e">A</div></div>
<div class="ui-block-b"><div style="height:60px" class="ui-bar ui-bar-e">B</div></div>
<div class="ui-block-c"><div style="height:60px" class="ui-bar ui-bar-e">C</div></div>
<div class="ui-block-d"><div style="height:60px" class="ui-bar ui-bar-e">C</div></div>
<div class="ui-block-a"><div style="height:60px" class="ui-bar ui-bar-e">A</div></div>
<div class="ui-block-b"><div style="height:60px" class="ui-bar ui-bar-e">B</div></div>
<div class="ui-block-c"><div style="height:60px" class="ui-bar ui-bar-e">C</div></div>
<div class="ui-block-a"><div style="height:60px" class="ui-bar ui-bar-e">A</div></div>
<div class="ui-block-b"><div style="height:60px" class="ui-bar ui-bar-e">B</div></div>
<div class="ui-block-c"><div style="height:60px" class="ui-bar ui-bar-e">C</div></div>
</div>

关于css - 如何居中 JQM 网格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16307175/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com