课程: CSS for Programmers

今天就学习课程吧!

今天就开通帐号,24,700 门业界名师课程任您挑!

The layout module flowchart

The layout module flowchart - CSS教程

课程: CSS for Programmers

The layout module flowchart

- [Narrator] Thanks to the evolution of CSS we now have several different CSS layout modules in our toolkit, specifically flow, flex and grid. That also means there's inevitable confusion about what module to use in what circumstances. The key thing to remember here is these modules are not mutually exclusive. Instead, they're complimentary and meant to be used in combination with each other. To help figure out what module to use in what circumstance, I've created this flow chart. Note that this flow chart is not the only way to think about this problem and does not cover all circumstances and all layouts. It's a basic guide for quick decision making and experimentation, a starting point for further exploration. Anyway, here's how the flow chart works. We start at the top in the blue section by asking the question, is this layout imposed? Is it two dimensions, and is it layout-in? Meaning, do you want to place the items in…

内容