flex-grow-为什么最后一列的宽度不比其他列宽4倍?

时间:2019-04-23 09:27:07

标签: html css css3 flexbox

在下面的示例中,最后一列是否应该比其他列宽4倍?

.container {
  display: flex;
  flex-direction: row;
  border: 3px solid #6874E8;
  padding: 10px;
}

.item {
  border: 1px solid #ccc;
  padding: 20px;
}

.item.last {
  flex-grow: 4;
}
<div class="container">
  <div class="item first">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
  <div class="item">Item 5</div>
  <div class="item last">Item 6</div>
</div>

是不是flex-grow意味着最后一列可以增长到4列?是什么决定上述示例中最后一列的宽度?为什么它不宽或更小?

0 个答案:

没有答案