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>