ui-grid 网格布局--jQueryMobile

效果:

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" alt="" />
                    <p>网格布局</p>
                </div>
                <div class="ui-block-b">
                    <img src="../../Content/IMG/UI/02.png" alt="" />
                   <p>网格布局</p>
                </div>
                <div class="ui-block-c">
                    <img src="../../Content/IMG/UI/01.png" alt="" />
                   <p>网格布局</p>
                </div>
                <div class="ui-block-d">
                    <img src="../../Content/IMG/UI/02.png" alt="" />
                   <p>网格布局</p>
                </div>
                <div class="ui-block-a">
                    <img src="../../Content/IMG/UI/01.png" alt="" />
                    <p>网格布局</p>
                </div>
                <div class="ui-block-b">
                    <img src="../../Content/IMG/UI/02.png" alt="" />
                  <p>网格布局</p>
                </div>
                <div class="ui-block-c">
                    <img src="../../Content/IMG/UI/01.png" alt="" />
                  <p>网格布局</p>
                </div>
                <div class="ui-block-d">
                    <img src="../../Content/IMG/UI/02.png" alt="" />
                   <p>网格布局</p>
                </div>
            </div>
 
        </div>

 

你可能感兴趣的:(jquerymobile)