首页 > Web开发 > 详细

jQuery Mobile 网格

时间:2015-08-09 22:17:36      阅读:296      评论:0      收藏:0      [点我收藏+]

在列容器中,根据不同的列数,子元素可设置类 ui-block-a|b|c|d|e。这些列将依次并排浮动。

网格中的列是等宽的(总宽是 100%),无边框、背景、外边距或内边距。

例:

对于 ui-grid-a 类(两列布局),您必须规定两个子元素 ui-block-a 和 ui-block-b。

对于 ui-grid-b 类(三列布局),请添加三个子元素 ui-block-a、ui-block-b 和 ui-block-c。

<div class="ui-grid-b">
  <div class="ui-block-a"><span>Some Text</span></div>
  <div class="ui-block-b"><span>Some Text</span></div>
  <div class="ui-block-c"><span>Some Text</span></div>
  <div class="ui-block-a"><span>Some Text</span></div>
  <div class="ui-block-b"><span>Some Text</span></div>
  <div class="ui-block-a"><span>Some Text</span></div>
</div>

  ui-block-a:是直接换行的第一个,而ui-block-b,ui-block-c是接到后面的。

 

jQuery Mobile 网格

原文:http://www.cnblogs.com/beta-data/p/4716257.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!