问是否有交叉轴对应的“挠性增长”属性(或“挠性”)，它只影响主轴？

EN

flex-grow (和简写flex)属性总是影响主轴，没有对应的，并设置了如何水平地分配自由空间，用于挠性行方向，以及如何垂直分配挠性列方向。

相比较而言，例如，justify-content属性影响主轴，有一个对应的align-items，它影响交叉轴，其中两者都设置flex项的对齐方式。

但是，这里可能会令人困惑的是，基于流的方向，它们会水平地或垂直地影响挠性项。

注意，主轴和横轴与屏幕是否宽或高无关。

它与流动方向有关，因此对于默认的弯曲行方向，主轴是水平的，交叉轴是垂直的，对于弯曲的圆柱方向，主轴是垂直的，交叉轴是水平的。

Flexbox完整指南是一篇非常好的文章，它更深入地解释了这一点。

如果您希望修改交叉轴中的flex项(默认情况下是垂直的，或者如果flex容器具有flex-direction: column;集，则是水平的)，那么请考虑使用align-self属性。若要使挠性项在横轴方向上“增长”，则该项上的align-self: stretch;应该可以工作。这只有在容器已经将align-items设置为类似center的情况下才有用。

请注意，这类似于交叉轴上的“flex”，但绝对不是一回事。有关详细信息，请参阅完整指南：https://css-tricks.com/snippets/css/a-guide-to-flexbox/

​

.container {
  display: flex;
  background-color: tan;
  align-items: center;
}

.small-stretched-item {
  background-color: green;
  align-self: stretch;
}

.tall-item {
  height: 200px;
  background-color: orange;
 }
 
 .small-unstretched-item {
   background-color: pink;
 }

<div class="container">
  <span class="small-stretched-item">Small, stretched item</span>
  <div class="tall-item">Tall item</div>
  <span class="small-unstretched-item">Small, unstretched item</span>
</div>

​