zl程序教程

您现在的位置是:首页 >  移动开发

当前栏目

使用jqMobi开发app基础:Grid布局详解手机开发

App基础手机开发 使用 详解 布局 Grid
2023-06-13 09:20:12 时间
          主要通过类属性grid表示是表格布局,通过类属性
col2表示分成两列的表格。col3表示分成3列的表格.。col2-3表示在三列中占居两列的位置。
div a href="#home" id=navbar_home 两列第一列测试 /a /div div a href="#home" id=A1 两列第二列测试 /a /div /div br / br / div div a href="#home" id=A2 三列测试 /a /div div a href="#home" id=A3 三列测试 /a /div div a href="#home" id=A4 三列测试 /a /div div a href="#home" id=A11 三列测试 /a /div /div br / br / div div a href="#home" id=A5 三列测试 /a /div div a href="#home" id=A15 三列测试 /a /div div a href="#home" id=A16 三列测试 /a /div div a href="#home" id=A6 三列测试占居两列 /a /div div a href="#home" id=A19 三列测试 /a /div /div

显示效果:
可以看到col2表示分成两列的表格并不是官网上说的2*2的表格。col3表示分成3列的表格,不是官网上说的3*3的表格。
官网上说:On phones, the grid system will always default to a single row. On tablets, the grid will display inline.