Question

我有一个带有2张牌的2列网格。我还想要一个保证金，这样卡片就不会相互接触，但是当我将w3-margin添加到我的卡片上时，它们会换行。“

如何在不影响色谱柱完整性的情况下获得卡片周围的边距？谢谢。

小提琴（移除w3-margin的实例以使其正常工作）：https://jsfiddle.net/n2fole00/7o6bnosu/

<div class="w3-row-padding">

  <div class="w3-col s6 m6 l6 w3-card-2 w3-yellow w3-margin">
    <p>Cards should be on the same row with some space between them.</p>
  </div>

  <div class="w3-col s6 m6 l6 w3-card-2 w3-green w3-margin">
    <p>Cards should be on the same row with some space between them.</p>
  </div>

</div>

Answer 1

我明白了。我只想在一个div中做太多。如果有人有兴趣，这是我的解决方案。

<div class="w3-col m6">
  <div class="w3-card-2 w3-margin w3-light-grey w3-center" style="">
    ...content...
  </div>
</div>

列中有边距的卡片

1 个答案: