UI培训之Jquery Mobile 学习笔记（四）

列
    创建网格只需使用块容器，典型情况为 div ，类 ui-grid-a 表示两列， ui-grid-b 表示三列， ui-grid-c 表示四列， ui-grid-d 表示五列。默认情况下，网格的各列 宽度相同。    
<div data-role="content">
    <section class="ui-grid-b">
<!-- 第一行 -->
<div class="ui-block-a">Cell 1.1</div>
        <div class="ui-block-b">Cell 1.2</div>
        <div class="ui-block-c">Cell 1.3</div>
<!-- 第二行 -->
<div class="ui-block-a">Cell 2.1</div>
        <div class="ui-block-b">Cell 2.2</div>
        <div class="ui-block-c">Cell 2.3</div>
    </section>
</div>
 
按钮   
按钮标签

1. button 元素；
2. 使用会被渲染为按钮的 input 元素，包括 type="button" 、 type="submit"  、    type="reset" 以及 type="image" ；
3. 任何带有 •  data-role="button" 的 a 元素。

内联按钮
 
按钮分组：

 
 
去掉盒子的圆角 和阴影：
 
 
图标
                
图标位置
 
纯图标按钮
 

本文版权归黑马程序员UI培训学院所有，欢迎转载，转载请注明作者出处。谢谢！
作者：黑马程序员UI培训学院
首发：http://www.itheima.com/news/ui.html/