Css 使用“角度材质”指令未居中的长方体

有人能查一下上面的代码吗 我不知道为什么我不能把指令放在中间的代码<代码>布局对齐=“中心中心”< /代码>？谢谢

代码片段：

.包装纸{
宽度：100%；
身高：100%；
}
.一{
背景：番茄；
宽度：50px；
高度：50px；
}
.二{
背景：绿色；
宽度：50px；
高度：50px；
}
var app=角度模块（“testApp”[“ngMaterial”]）；

感谢@ManojKumar的回答，layout align指令只影响直系子女

感谢@ManojKumar的回答，layout align指令只影响直系子代

对容器使用

layout align=“center”

，而不是包装器，因为flex直接作用于子容器。检查这个：非常感谢@ ManojKumar，但是为什么它们还没有垂直在中间呢？因为你已经给了<代码> Flex方向< /Cl>作为大于<代码> xs< /Cl>屏幕大小的行。我试着把它改成列，仍然不能把它们放在屏幕中间。似乎这不是关于弯曲方向。我得到了它，只是因为我没有为容器设置高度……使用容器的

layout align=“center”

，而不是包装器，因为flex直接作用于子容器。检查这个：非常感谢@ ManojKumar，但是为什么它们还没有垂直在中间呢？因为你已经给了<代码> Flex方向< /Cl>作为大于<代码> xs< /Cl>屏幕大小的行。我试着把它改成列，仍然不能把它们放在屏幕中间。似乎这不是关于弯曲方向。我得到了，只是因为我没有设置容器的高度。。。