flex伸缩布局
文章平均质量分 67
红人日天
天津商业大学计算机科学与技术专业本科在读
展开
-
flex布局——子项常见属性、携程网实战
(一)flex布局子项常见属性 属性 说明 flex 子项目占的份数 align-self 控制子项自己在侧轴的排列方式 order 属性定义子项的排列顺序(前后顺序) 1.flex定义子项目分配剩余空间 用flex来表示占多少分数 // 格式 .item{ flex: <number>; } 2.align-self控制子项在侧轴上的排列方式 align-self 属性允许单个项目与其他项目不一样的对齐方式 属性值 说明 auto 默认 继承父原创 2021-02-27 01:41:13 · 628 阅读 · 1 评论 -
flex布局——父项常见属性
flex布局父项常见属性 1.flex布局原理: 通过给父盒子添加flex属性,来控制盒子的位置和排列方式。 属性 说明 flex-direction 设置主轴方向 justify-content 设置主轴上的子元素排列方式 flex-wrap 设置子元素是否换行 align-content 设置侧轴上的子元素排列方式(单行) align-items 设置侧轴上的子元素排列方式(多行) flex-flow 同时设置flex-direction和flex-wrap 2.原创 2021-02-25 22:26:17 · 439 阅读 · 3 评论