相关疑难解决方法(0)

使弹性项重叠

我想展示一系列未知数量的扑克牌.要做到这一点,如果有太多,他们将不得不重叠.我无法说服弹性盒与卡片重叠而不缩小它们.以下示例缩小了卡片.我试过了flex-shrink: 0,但后来max-width没有得到尊重.

.cards {
  display: flex;
  max-width: 300px;
}

.card {
  width: 50px;
  height: 90px;
  border: 1px solid black;
  border-radius: 3px;
  background-color: rgba(255, 0, 0, 0.4);
}

Run Code Online (Sandbox Code Playgroud)

<div class='cards'>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
  <div class='card'></div>
</div>

Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox css-grid

Mic*_*son

2019 03-20

16
推荐指数

5
解决办法

3万
查看次数