ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

CSS flex布局 小小细节

2021-11-14 17:03:05  阅读:178  来源: 互联网

标签:小小 flex 换行 align 元素 content 生效 CSS


鬼知道! 我写了! 多少! 篇 ! 关于! 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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有