要为每个div列添加填充,您可以使用Angular Flex布局库中的fxLayout属性和fxFlex属性。
首先,确保已将Angular Flex布局库添加到您的项目中。您可以通过运行以下命令将其添加到您的项目中:
npm install @angular/flex-layout
在您想要添加填充的div列上,添加fxLayout属性,并将其设置为"row",以确保列是水平排列的。例如:
Column 1
Column 2
Column 3
然后,您可以使用fxFlex属性为每个列添加填充。fxFlex属性接受一个数字作为参数,该数字表示列在父容器中的相对大小。您可以将fxFlex设置为1,以确保每个列都具有相等的宽度,并填充整个父容器。例如:
Column 1
Column 2
Column 3
您还可以为每个列添加不同的填充,只需将fxFlex属性设置为不同的值即可。例如:
Column 1
Column 2
Column 3
在这个示例中,Column 1将获得两倍的填充,Column 2将获得一倍的填充,而Column 3将获得三倍的填充。
这就是使用Angular Flex为每个div列添加填充的解决方法。请确保在使用这些属性之前已正确导入并配置Angular Flex布局库。