相关疑难解决方法(0)

在容器包装时使容器缩小到适合的子元素

我想弄清楚flexbox如何工作(应该工作?...),如下所示:

.holder {
  width: 500px;
  background: lightgray;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.v2 {
  width: 320px;
}
.child {
  display: inline-block;
  border: 1px solid black;
  padding: 30px 0px;
  text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
<div class="holder">
  <div class="child">At a glance</div>
  <div class="child">After coverage ends</div>
  <div class="child">Forms &amp; documents</div>
</div>
<br>
<br>
<div class="holder v2">
  <div class="child">At a glance</div>
  <div class="child">After coverage ends</div>
  <div class="child">Forms &amp; documents</div>
</div>
<br>
<br>
<div class="holder v2">
  <div class="child">At a
    <br>glance</div>
  <div class="child">After coverage …
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox

23
推荐指数
2
解决办法
9631
查看次数

标签 统计

css ×1

css3 ×1

flexbox ×1

html ×1