Angular 角度灵活布局、静态API、垂直或水平空间周围无对齐不起作用

为什么路线周围的空间不起作用

对于之间的空格，结果相同。

---

我遗漏了什么？

在水平空间中尝试以下方法：

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

---

对于水平空间，请尝试以下操作：

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

---

因为您没有为div指定高度，并且已将两个细分曲面的高度设置为100%，所以没有空间

---

检查因为您没有为div指定高度，并且已将两个细分曲面的高度设置为100%，所以没有空间

---

查看

您可以尝试以下方法查看更改结果：

<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>

项目1
项目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>

项目1
项目2

看起来fxFlex=“”代表的是十字轴，我以为它代表的是主轴。但是为什么我要用fxLayout=“row”来包装fxLayout=“column”？你不必用一行来包装它，我只是添加它来让你看到一个清晰的例子谢谢，但它不起作用，下面是你必须定义列高度的代码，我将它包装在一行中而不是标题，看起来fxFlex=“”代表了十字轴，我以为它代表了主轴。但是为什么我要用fxLayout=“row”来包装fxLayout=“column”？你不必用一行来包装它，我只是添加它让你看到一个清晰的例子谢谢，但它不起作用，下面是你必须定义列高度的代码，我将它包装成一行而不是谢谢，如果我使用列而不是行，解决方案是什么？

style='height:100px；'是一个临时补丁，看看我在说什么，也许这个框架有更好的方式来指定高度或添加一些css类对不起？你刚才复制粘贴了我的演示和答案吗？一点也没有：）我的答案是“最老的”，我在这页上看不到相同的代码。我说的是更新。你的代码取自我的演示。如果有信用的话，那就好了，但这一点呢？哦，好吧，我已经看过很多次了。谢谢，如果我用列而不是行，那么解决方案是什么呢？
style='height:100px；'是一个临时补丁，看看我在说什么，也许这个框架有更好的方式来指定高度或添加一些css类对不起？你刚才复制粘贴了我的演示和答案吗？一点也没有：）我的答案是“最老的”，我在这页上看不到相同的代码。我说的是更新。你的代码取自我的演示。如果有信用的话，那就好了，但这一点呢？哦，我已经看过很多次了