jQuery Mobile 网格
2015-08-09 20:19
706 查看
在列容器中,根据不同的列数,子元素可设置类 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。
ui-block-a:是直接换行的第一个,而ui-block-b,ui-block-c是接到后面的。
网格中的列是等宽的(总宽是 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中的ajax
- jquery基础学习之变量命名不污染的方法总结
- jquery基础学习之变量命名不污染的方法总结
- jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
- jquery 解析返回的xml和json
- 廖雪峰javascrip学习笔记<jQuery>
- jQuery初学
- 用jQuery Mobile做HTML5移动应用的三个优缺点
- jquery动态创建节点
- jquery实现页面控件拖动效果js代码
- 【前端学习笔记】JQuery事件细节、JQ进阶常用方法
- jQuery中的Ajax
- 【前端学习笔记】JQuery的基本思想、常用方法
- jQuery学习之AJAX
- 分享在MVC3.0中使用jQuery DataTable 插件
- 希望大家帮我回答个jquery问题
- jQuery 参考手册 - 选择器
- jquery代码阅读jQuery.makeArray()
- jQuery动画效果
- jquery的DOM定位与操作