弹性布局一行三个.docx
《弹性布局一行三个.docx》由会员分享,可在线阅读,更多相关《弹性布局一行三个.docx(1页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
弹性布局一行三个第一步、 打开项目,html代码如图所示。第二步、 运行项目,可以看到子项是同一行的,我们需要设置样式让子项三个。第三步、 第一个width是父的宽度,第二个width是子的宽度,flex-wrap: wrap;是换行语句。这样的话,一行只能装三个子项,装不下就会换到下一行。第四步、 再次运行项目,可以看到子项一行三个。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 弹性 布局 一行 三个
淘文阁 - 分享文档赚钱的网站所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
限制150内