jquery mobile学习总结-栅格（ui设计师）

最新推荐文章于 2024-08-17 11:31:53 发布

张得武

最新推荐文章于 2024-08-17 11:31:53 发布

阅读量580

点赞数

分类专栏： jq-mobile 文章标签： css html web

本文链接：https://blog.csdn.net/zhangfan5211314/article/details/121496273

版权

jq-mobile 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.jquery mobile的栅格系统比较简单，大致就是加类（a-e）对应（2-6）

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

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