使用jqMobi开发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表示分成两列的表格。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.
相关文章
- 【NLP基础】英文关键词抽取RAKE算法
- App 抓包-Fiddler简单使用教程
- 数字藏品平台象寻前员工发官微祝公司早日倒闭:领导要求 20 天内开发出新 App,还辱骂下属
- R shiny出错Check your logs or contact the app
- uni-app 安卓APP开发记录
- iPhone 5 Web App 全屏
- OSX app 启动后在程序坞不显示
- app提交上架最新流程 ios
- 字节跳动现象级 App 十年成长史,移动端基础建设与组织演进之路 | 卓越技术团队访谈录
- 如何在自己APP中接入在线客服系统,App接入第三方在线客服系统方法
- 小程序 SDK 集成到 App 有哪些好处?
- 使用jqMobi开发app基础:Badge的使用详解手机开发
- 使用jqMobi开发app基础:Scrolling的使用,向上向下拖动,动态添加数据详解手机开发
- 使用jqMobi开发app基础:a标签的使用详解手机开发
- 使用jqMobi开发app基础:注销页面的实现详解手机开发
- 使用jqMobi开发app基础:HTML5 LocalStorage 本地存储详解手机开发
- 使用jqMobi开发app基础:Styled Lists布局详解手机开发
- 使用jqMobi开发app基础:通过panel添加内容详解手机开发
- 使用jqMobi开发app基础:定义header详解手机开发
- iOS开发-闪退问题-解决之前上架的 App 在 iOS 9 会闪退问题详解手机开发
- vue main.js中app绑定的是index.html还是App.vue中详解编程语言
- App无缝连接远程MySQL数据库(app连接远程mysql)
- 使用App连接MySQL数据库快速实现数据分析(app连mysql数据库)
- App无缝连接MySQL一种全新的解放方式(app直连mysql)
- App注册MySQL一分钟构建安全的数据库(app 注册 mysql)
- APP如何连接MySQL数据库(app怎样链接mysql)
- MySQL在App开发中的应用(app开发mysql)
- App与MySQL的通信实现数据交互的新方式(app和mysql通信)
- 数据库利用App制作读取MySQL数据库的简单方法(app制作读取mysql)
- MYSQL数据库下载指南,轻松安装游戏APP(MYSQL下载游戏app)