gpt4 book ai didi

css - jquery-mobile中网格列之间的空间比例

转载 作者:行者123 更新时间:2023-11-28 08:51:09 24 4
gpt4 key购买 nike

我正在使用 jQuery Mobile grid,它将屏幕分成 2 列,每列有 50% 的空间。

是否可以使这个 2 列网格的比例为 70/30?所以第 2 列的内容向右移动。

http://jsfiddle.net/bobbyrne01/o489fzwk/

<div class="ui-grid-a">
<div class="ui-block-a">
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">this</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">is</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">a</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">test</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">js</a>
</div>
<div class="ui-block-b" style="float: right;">
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">7</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">8</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">9</a>
</div>
</div>

截图..

current result

最佳答案

你可以像这样在 div 标签前插入 span:

<div class="ui-grid-a">
<div class="ui-block-a">
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">this</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">is</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">a</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">test</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">js</a>
</div>
<span style="float: right;">
<div class="ui-block-b">
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">7</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">8</a>
<a href="#" class="ui-shadow ui-btn ui-corner-all ui-btn-inline">9</a>
</div>
</span>
</div>

关于css - jquery-mobile中网格列之间的空间比例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27336345/

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