display: flex;
display: -webkit-flex; //兼容ie
justify-content //两端对齐方式
flex-start //默认 左对齐
flex-end //右对齐
center //居中
space-between //两端对齐
space-around // 两端留一点点
align-items //上下对齐方式
flex-start //靠上
flex-end //靠下
center //居中
baseline //文字居中
stretch //默认 铺满
flex-direction 排列顺序
row //默认 左边➡️
row-reverse //右边⬅️
column //上⬇️
column-reverse //下⬆️
flex-wrap 换行
nowrap //默认 不换
wrap //换 第一排在上
wrap-reverse //换 第一排在下
flex-grow:数字 //放大
flex是弹性布局（Flexible Box）中常用到的属性，是flex-grow, flex-shrink ...
flex布局常用汇总
现在flex布局最为常用,面试也经常会问到 Flex 布局是什么？ Flex 是 Flexible Box 的缩写...
flex 类型 定义flex div 常用 styled-componens片段 materaile-ui theme
CSS 1、垂直居中的方法 文本内容：使用line-height flex布局扩展：flex常用属性1、flex-...
flex弹性布局常用https://www.ruanyifeng.com/blog/2015/07/flex-gr...
必须掌握的几个常用 flex-direction justify-content align-items flex...
主轴单个元素右对齐 按钮中的字的垂直水平居中，貌似比设置line-height=height要更居中 displa...
display: flex;display: -webkit-flex; //兼容ie justify-conte...
先说结论flex：1即为flex-grow：1，经常用作自适应布局，将父容器的display：flex，侧边栏大小...
本文标题：flex常用
本文链接：https://www.haomeiwen.com/subject/cvarmhtx.html
网友评论