【问题标题】:Lining up cards in a row dynamically (based on available space)动态排列卡片(基于可用空间)
【发布时间】:2017-11-10 07:19:31
【问题描述】:

我偶然发现了这个网站:http://deweyapp.io/。如果您调整浏览器窗口的大小,您会看到卡片要么掉到下一行,要么被推到上一行(取决于调整大小的操作)。

这是如何使用引导程序或材料设计完成的?我想不通,为了我的生活。

谢谢, 弗拉基米尔

【问题讨论】:

    标签: twitter-bootstrap twitter-bootstrap-3 material-design angular-ui-bootstrap angular-material


    【解决方案1】:

    卡片位于容器<li> 中,该容器具有固定宽度和display:inline-block;

    【讨论】:

    • 这真的对我没有帮助:) 没有明确的方法来理解他们是如何工作的。我一直在尝试复制此功能,但似乎无法掌握这个概念。
    • 这是一个 JSFiddle 来检查它吗? jsfiddle.net/z4bty4xg 尽管您的示例可能具有一些额外的功能,可以将所有内容都集中在 UL 中。
    猜你喜欢
    • 2019-11-18
    • 2021-11-05
    • 2011-07-13
    • 1970-01-01
    • 2020-07-03
    • 2014-06-06
    • 1970-01-01
    • 2022-07-07
    • 2016-09-07
    相关资源
    最近更新 更多