CSS flex布局 小小细节

鬼知道! 我写了! 多少! 篇 ! 关于! flex ! 的!文章! 鬼知道!我学了! 多少!次????????????????????????????????

 

什么什么语法的不介绍 ,有看点的就写一下:

 

1. flex-flow 的简写

    CSS flex布局 小小细节

 

 CSS flex布局 小小细节    CSS flex布局 小小细节

 

   

可以看到 换行了不是紧挨着的  是根据父容器的高度 一半  的顶端,所以换行是后是有差距的,如果你想拉满也可以 试试 align-content:strech  和 取消盒子高度。CSS flex布局 小小细节

 

 

2.align-content 不生效原因

这玩意是配置侧轴,当你的侧轴还有位置,那么就把整体的子项进行一顿 “操作”,有时候会不生效:

1.当你的flex 布局是  有 不换行属性 时,那么该属性不会生效!!! 因为单行是不生效的,记住即可哈。

 CSS flex布局 小小细节

 

 

别弄混呀 我的公主  他是整体元素哦  ,不是每一个元素,每一个元素是 align-item.

 

上一篇:CSS 移动端百分比布局以及伸缩布局


下一篇:css属性