本文详细介绍了两种常见的布局方式：弹性布局（flex布局）和网格布局（grid布局）。在flex布局中，可以通过justify-content调整子元素在主轴上的对齐方式，通过align-items调整在交叉轴上的对齐方式。而grid布局则提供了grid-template-columns和grid-template-rows属性来精确控制布局的列宽和行高。
布局
布局就是一种容器，里面可以放一些组件或者其他的布局。
弹性布局（flex布局）：
默认首行左对齐
justify-content（左右的位置：center，flex-end）
align-items（上下的位置：center，flex-end）
网格布局（grid布局）
两个属性：
它可以将网页分为一个个网格，然后利用这些网格组合做出各种各样的布局。
grid-template-columns：用来指定列的宽度
grid-template-rows：用来指定行的高度
鸿蒙之布局
最新推荐文章于 2025-06-24 00:33:24 发布
扫一扫
1247
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
