Css 采用flexbox的砌体网格
我需要一个像这样的砖石网格: 仅使用flexbox是否可以实现这一点?还是其他方式?Css 采用flexbox的砌体网格,css,flexbox,masonry,Css,Flexbox,Masonry,我需要一个像这样的砖石网格: 仅使用flexbox是否可以实现这一点?还是其他方式? 不想使用砌体库或其他库或框架 我相信CSS grid会是你在这里的朋友 CSS Grid layout为web带来了一个二维布局工具,能够按行和列布局项目。CSS网格可用于实现许多不同的布局。它擅长于将页面划分为主要区域,或者根据大小、位置和层定义由HTML原语构建的控件部分之间的关系 与表格一样,网格布局允许作者将元素对齐到列和行中。但是,与表不同,网格布局没有内容结构,因此支持表中不可能的多种布局 这里
不想使用砌体库或其他库或框架 我相信CSS grid会是你在这里的朋友 CSS Grid layout为web带来了一个二维布局工具,能够按行和列布局项目。CSS网格可用于实现许多不同的布局。它擅长于将页面划分为主要区域,或者根据大小、位置和层定义由HTML原语构建的控件部分之间的关系 与表格一样,网格布局允许作者将元素对齐到列和行中。但是,与表不同,网格布局没有内容结构,因此支持表中不可能的多种布局 这里有一个有趣而简单的游戏来帮助你学习和理解CSS网格
CSS列计数如何?这看起来对你有帮助吗?@Kaysh可能使用flexbox
,如果盒子的高度已知..是的,可能在这里看:不容易,一般来说。Flexbox有适合行和列的“项”,而砖石结构有可以以任意方式组合在一起的瓷砖。@TomMillard这是砖石结构的一个特殊的、有一定限制的版本,它仍然采用列结构。这里需要内联样式吗?因为在缩小屏幕尺寸的同时,布局也很混乱。