框/行/列布局

在 WebAcappella 中，元素的组织遵循特定结构：

• 框是构成页面结构的主要容器。
• 行直接插入框中，实现水平布局。
• 列与其他元素（文本、图像、按钮）相同，需拖拽至行中以实现内容的垂直布局。

这种层次结构有助于设计灵活且适应性强的版面布局。

颜色说明

在 WebAcappella 界面中，每个页面结构元素都用特定颜色表示：

• 棕色代表框。
• 粉色代表行。
• 绿色代表列。

选中某个元素时，该元素周围会出现同色边框。

创建新页面

1. 在 WebAcappella 中创建新页面。
2. 页面上会自动放置一个包含一行内容的框。

在行中添加列

1. 每行分为 12 个刻度，可轻松调整列宽。
2. 通过拖拽操作将一个或多个列拖入行中。
3. 重复此操作可添加多个并列的列。
4. 通过调整比例来改变列的大小。
5. 在创建的每个列中，拖动所需元素（文本、图像、按钮等）即可填充该列的宽度。

添加框和线条

1. 您可以在同一页面中拖动任意数量的框。

实用技巧

• 使用多个框来组织页面，使结构清晰明了。
• 使用列来平衡页面布局，但避免使用过多列，以免移动设备显示过载。
• 定期测试响应模式，确保在所有屏幕上都能正常显示。