华为云首页用户手册 H

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

时间：2025-03-03 11:35:21

华为云ASTRO轻应用

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

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

图5 默认行布局

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

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

图6 自定义行布局

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

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

29元/年

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

198元/年

域名建站 com域名 1元

立即前往

免费体验 90+云产品免费体验

立即前往

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

意见反馈

0/200

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