华为云Astro轻应用-设置AstroZero标准页面分栏组件属性:行布局

时间：2025-02-12 14:58:43

华为云Astro轻应用

系统支持设置PC端或者手机端布局，并默认提供了一些常见的行布局，如单栏、二等分栏等。单击在“行布局”中的某一个模式，例如单击

，当前分栏将被分割成3栏，如图5所示。

图5 默认行布局

您也可以通过单击，手工输入的方式自行设置列的分隔比例，比例相加份数总和必须为24，例如12:12、6:18、3:21、8:8:8等。自定义比例以英文冒号分隔。

分栏组件会根据分辨率大小自适应，当画布宽度小于992像素，PC会展示为单列模式，此时可以通过调整左侧菜单收缩或者画布分辨率来查看不同的效果。

图6 自定义行布局

布局模式：设置每一个分栏的布局模式。
- 流式布局：页面元素的宽度，按照屏幕分辨率进行适配调整，但整体布局不变。
- 弹性布局：可以简便、完整、响应式的实现各种页面布局，选择“弹性布局”时还可以设置垂直对齐方式、水平排列方式以及分栏间隔。

新客秒杀 2核2G 3M L实例

68元/年

普惠上云领千元上云礼券

立即前往

企业专享 X实例 4核8G 5M

888元/年

热门域名 1元随心购

1元/年起

华为云Astro轻应用-设置AstroZero标准页面分栏组件属性:行布局

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

7*24