其他分享
首页 > 其他分享> > CSS flex布局 小小细节

CSS flex布局 小小细节

作者:互联网

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

 

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

 

1. flex-flow 的简写

    

 

     

 

   

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

 

 

2.align-content 不生效原因

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

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

 

 

 

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

 

标签:小小,flex,换行,align,元素,content,生效,CSS
来源: https://www.cnblogs.com/bi-hu/p/15552441.html