Grid for layout, Flexbox for components Grid 用于布局,Flexbox 用于组件

https://www.ruanyifeng.com/blog/2022/03/weekly-issue-197.html

CSS 的 Grid 布局和 Flexbox 布局,作用相似,经常有人讨论,两者的适用场合是什么。作者提出,Grid 布局应该用于页面,Flexbox 布局应该用于组件。

https://ishadeed.com/article/grid-layout-flexbox-components/

My brother is a fresh computer engineering graduate and he is currently finishing his internship in front-end development. He learned about both CSS grid and flexbox, but I noticed a pattern that I see a lot on the web. He can’t decide when to use grid or flexbox. For example, he used CSS grid to layout a website header and mentioned that the process wasn’t smooth as he played with grid-column and tried to fine-tune it until it looks like the design.

To be honest, I don’t like that, and I also researched about a resource that he can use to learn the differences between grid and flexbox, with examples on both, but I couldn’t find any. I decided to write an in-depth article that covers everything about that topic. I hope you found it clear!

作者:Chuck Lu    GitHub    
posted @   ChuckLu  阅读(27)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
历史上的今天:
2021-03-04 hex editor
2021-03-04 A potentially dangerous Request.Form value was detected from the client
2021-03-04 What does ARAM mean?
2021-03-04 逃离布莱克西斯禁区 单人模式 Tutorial: How to "Easily" Play Past Brawls/Old Maps in Single Player
2021-03-04 File upload XSS
2021-03-04 File Upload XSS
2019-03-04 NSwag enum
点击右上角即可分享
微信分享提示