角弯曲布局，静态API，垂直或水平空间围绕无对齐的空间不起作用

Question

为什么对齐空间在这里不起作用？

之间的空间相同结果。我缺少什么？

Answer 1

，因为您没有给自己的DIV给出高度，并将两个细分的高度设置为100％，所以没有空间的位置！

查看此

Answer 2

您可以尝试这样的事情来查看更改结果：

<div fxLayout="row" >
   <div fxLayout="column" fxFlex='100%' fxLayoutAlign="space-around none">
      <div fxFlex="40%"  class="green-color">
         item1
      </div>
   <div fxFlex="40%"  class="blue-color">
        item2
   </div>
 </div>
</div>

Answer 3

尝试以水平空间为例：

<div fxLayout="row" fxLayoutAlign="space-around none" >
   <div fxFlex="40%" class="green-color">
     item1
   </div>
   <div fxFlex="40%" class="blue-color">
     item2
   </div>
</div>

或使用space-around似乎在起作用。如果需要其他东西，请提供更具体的描述。

对于vertical，请尝试以某种方式修复父元素的高度，以便您可以看到孩子元素相应地占据空白

<div fxLayout="column" style='height: 100px;' fxLayoutAlign="space-around none">
   <div fxFlex="20%"  style="background-color: green;">
     item1
   </div>
   <div fxFlex="20%"  style="background-color: blue;">
     item2
   </div>
</div>