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