ui-grid 网格布局--jQueryMobile

效果:

技术分享

HTML:
 <div data-role="content" class="content">
            <div class="ui-grid-c pro-info">
                <div class="ui-block-a">
                    <img src="../../Content/IMG/UI/01.png" />
                    <p>网格布局</p>
                </div>
                <div class="ui-block-b">
                    <img src="../../Content/IMG/UI/02.png" />
                   <p>网格布局</p>
                </div>
                <div class="ui-block-c">
                    <img src="../../Content/IMG/UI/01.png" />
                   <p>网格布局</p>
                </div>
                <div class="ui-block-d">
                    <img src="../../Content/IMG/UI/02.png" />
                   <p>网格布局</p>
                </div>
                <div class="ui-block-a">
                    <img src="../../Content/IMG/UI/01.png" />
                    <p>网格布局</p>
                </div>
                <div class="ui-block-b">
                    <img src="../../Content/IMG/UI/02.png" />
                  <p>网格布局</p>
                </div>
                <div class="ui-block-c">
                    <img src="../../Content/IMG/UI/01.png" />
                  <p>网格布局</p>
                </div>
                <div class="ui-block-d">
                    <img src="../../Content/IMG/UI/02.png" />
                   <p>网格布局</p>
                </div>
            </div>
 
        </div>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。