博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
flex 弹性盒子模型一些案例.html
阅读量:6217 次
发布时间:2019-06-21

本文共 570 字,大约阅读时间需要 1 分钟。

Flexbox是布局模块,而不是一个简单的属性,它包含父元素和子元素的属性。
Flex元素是可以让你的布局根据浏览器的大小变化进行自动伸缩。
自适应导航
1 

 

居中对齐布局
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
1 

 

三栏布局
Header

这是内容区域,这是内容区域,这是内容区域,这是内容区域,这是内容区域,这是内容区域,这是内容区域,这是内容区域, 这是内容区域,这是内容区域,这是内容区域,这是内容区域,这是内容区域,

Footer
1 

 

效果图:

 

转载于:https://www.cnblogs.com/amy-1205/p/5845872.html

你可能感兴趣的文章
OpenGL实现通用GPU计算概述
查看>>
聊聊vue组件开发的“边界把握”和“状态驱动”
查看>>
独立python环境之virtualenv和virtualenvwrapper
查看>>
Android 源代码解析 之 setContentView
查看>>
HorizontalDragLayout-模仿QQclient的Item滑动删除
查看>>
2.6 查询转换
查看>>
[读书笔记]Java类载入过程
查看>>
三星Galaxy Tab S2上市,压制苹果之心凸显
查看>>
PJAX全局无刷新的设置方法~
查看>>
NGINX 配置404错误页面转向
查看>>
『科学计算』通过代码理解线性回归&Logistic回归模型
查看>>
寻找正在连接中的网络连接
查看>>
svn client命令
查看>>
patch 用法
查看>>
Dos命令快速设置ip、网关、dns地址
查看>>
OpenCV中CvSVM部分函数解读
查看>>
SpringBoot项目创建
查看>>
Spring简化配置
查看>>
在 Asp.NET MVC 中使用 SignalR 实现推送功能
查看>>
图解排序算法(二)之希尔排序
查看>>