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>

转载于:https://www.cnblogs.com/shenyulin/p/4423046.html