【问题标题】:MDC Web: How to remove the blank space between cardsMDC Web:如何去除卡片之间的空白
【发布时间】:2019-02-17 04:59:23
【问题描述】:

我有一个网站,它显示大量卡片,如下所示:

我遇到的问题是每张卡下通常有一个很大的间隙,我不知道如何解决这个问题。我希望卡片像拼贴画或拼图一样拼凑在一起。

Here是第一张卡片源代码的链接。

如果您有任何问题或要求,请在 cmets 中问我。

【问题讨论】:

    标签: material-components material-components-web


    【解决方案1】:

    使用 flexbox 它可以帮助您拖动空白,使其与包含更多内容的其他行保持一致。

    【讨论】:

    • 我需要添加哪些额外的 CSS 规则以及添加到哪些元素?
    • 我的目标不是让卡片变大,而是像拼图一样把卡片拼在一起
    • 是的,它可以让您的页面看起来像 pinterest 网站!对于初学者:css-tricks.com/snippets/css/a-guide-to-flexbox
    • 我已经尝试这样做了至少半小时,但无济于事。你能在我的存储库上打开一个拉取请求吗?在这里:github.com/Richienb/richienb.github.io
    • 我现在正忙于检查您的代码,但我相信这会很有帮助! w3schools.com/css/…
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-10-28
    • 2018-09-08
    • 1970-01-01
    • 1970-01-01
    • 2021-11-23
    • 1970-01-01
    • 2019-09-23
    相关资源
    最近更新 更多