javascript - 像 google plus 这样的卡片瓦格

标签 javascript css material-design material-ui css-grid

如何创建像 google plus 这样的三列卡片磁贴滚动网格?我正在使用 Material UI,但找不到这样的功能?我已经尝试过标准的 Material ui 网格,但它不起作用。

最佳答案

您正在寻找的是所谓的砌体 网格。目前不可能在纯 CSS 中这样做,即使使用新的网格布局机制( [1][2] )也是如此。

Material UI 不提供现成的砖石网格解决方案。

您可能对许多使用自定义脚本以这种方式排列元素的 JavaScript 库感兴趣。立即想到的最受欢迎的是Masonry Desandro .另一种选择是 Isotope ,一个商业用途的付费图书馆,其中也有a mode for masonry layout .

关于javascript - 像 google plus 这样的卡片瓦格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45647397/

相关文章:

javascript - 使用 JavaScript 将项目添加到 Model.List<item>

javascript - 如何获取和设置谷歌地图的地理位置?

android - MaterialButtonToggleGroup child 的 MaterialButton layout_marginStart, layout_marginEnd 不起作用

android - Activity 恢复时更新 RecyclerView?

android - 为什么 Material Design Toolbar 有这种奇怪的填充?

javascript - (语义 UI + React)根据屏幕尺寸更改 HTML 元素的最佳方法?

javascript - 如何使用 highcharts 创建自定义按钮,每个数据按钮为其数据调用另一个 php 脚本

javascript - 自动调整DIV中的内容宽度

javascript - .Remove() 删除所有 div 元素

css - 您必须再使用 -webkit- 语法吗?