首页
技术小册
AIGC
面试刷题
技术文章
MAGENTO
云计算
视频课程
源码下载
PDF书籍
「涨薪秘籍」
登录
注册
媒体查询概念
@media常用参数
实例-div换行显示
媒体查询引入方式
媒体查询的引入方式2
什么是flex
flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content
子元素属性设置
flex特殊写法-简写
输入框布局
input对齐布局
rem布局
自适应布局
响应式布局
rem弹性布局
课程小结
当前位置:
首页>>
技术小册>>
Web响应式布局入门到实战
小册名称:Web响应式布局入门到实战
flex特殊写法: | 属性 | 作用 | | :------------ | :------------ | | flex:auto; | flex: 1 1 auto; 自动填充满父元素 | | flex:none; | felx: 0 0 auto; 不允许扩大缩小,子元素的width设置将生效,宽度为子元素设置的宽度 | | flex:0%; | flex: 1 1 0%; | | flex:100px; | flex:1 1 100px; | | flex:1; | flex: 1 1 0%; 自动填充满父元素 | flex:参数,如果前两个参数设置为 1,1: 允许自动扩大,自动缩小,那第三个参数basis将不再生效,效果为自动填充。 示例: flex:1
上一篇:
子元素属性设置
下一篇:
输入框布局
该分类下的相关小册推荐:
vue高级应用开发与构建
uniapp快速入门与实战
WebGL开发指南
web前端面试完全指南