首页
视频
资源
登录
原
设置了flex后 ,子元素的高度全部都一样了,没有自适应内容。flex 布局导致子项高度相同
314
人阅读
2024/7/15 16:17
总访问:
662859
评论:
0
收藏:
0
手机
分类:
前端
tn2>原因:Flex 布局的默认是: 把所有子项变成水平排列。 默认不自动换行。 让子项与其内容等宽,并把所有子项的高度变为最高子项的高度。 **解决方法:** 直接在flex容器上,将align-items设为 flex-start,或者align-items:center ,或者align-items属性的其他值都可以,子项就会保持其自身的高度了。 如果是使用了flex-wrap,则应该使用align-content,而不是align-items
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}
TeachingNote
这一生多幸运赶上过你.
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
.net
38篇
后端
6篇
ORM
16篇
前端
54篇
随笔
13篇
移动开发
6篇
数据库
7篇
英语
3篇
rabbitmq
1篇
.net core
6篇
unity
1篇
k8s
1篇
云服务
1篇
DDD
1篇
网络
1篇
更多
mysql
1篇
python
2篇
docker
1篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术