justify-content: space-between;/* 先两边贴边再平均分配 */
flex-wrap: wrap \ nowrap; flex 布局会让子元素在一行显示,会挤压子元素。flex-wrap 属性声明是否换行
align-items: center ;设置单行
align-content: space-around space-between ;设置多行
align-self: ;只改变自己在侧轴上的位置!!侧轴
order:num值; order改变自身的顺序位置。越小越靠前,默认为0 默认为0 默认为0 !!!!、
11.30 遇见问题
我在div中加了 ul 标签并添加若干 li。
将display:flex 添加至 div ,flex:1 添加至 li 无法实现flex效果。
总结: flex 只能用于父子之间,无法隔代使用。
css布局之 flex 重要的点
最新推荐文章于 2024-03-07 19:22:18 发布