效果：
|
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>
|
原文：http://www.cnblogs.com/shenyulin/p/4423046.html