</nav><p>Flex Container 是一个布局组件,可帮助您在网页上设计和构建部分布局。 您可以使用 flex 容器对按钮、文本、图像和其他容器等组件进行分组。</p>
讯享网
要向网页添加弹性容器,请执行以下操作:
- 打开设计工作室以编辑页面的内容和组件。
- 选择要编辑的页面。
- 选择要添加 flex 容器组件的部分。
- 将鼠标悬停在任何可编辑的画布区域,然后从组件面板中选择 flex 容器组件。
您可以通过向 flex 容器添加其他组件(如 按钮 和 文本)来创建一组组件。
您还可以设计和配置 flex 容器。
添加 flex 容器后,选择 flex 容器控件以打开属性栏以编辑 flex 容器。
属性
描述 设计 更改您的设计属性以自定义您的 flex 容器的外观。 编辑后台 根据所选样式模板的调色板更改背景颜色。 您还可以添加背景图像并调整大小及位置。 更改方向和对齐方式 对齐和更改 Flex 容器中内容的方向。 其他 复制该节,在页面内上下移动,或者完全删除该节。
以下设计属性可在设计工作室中配置:
您还可以使用 Visual Studio Code for the Web(预览版)将 flex 容器直接添加到网页的 HTML 中。
要使设计工作室识别并允许对自定义 flexbox div 进行画布编辑,请对它们应用类 CSS “ppFlexContainer”。
讯享网
您可以使用多个 flex 容器来构建自定义布局。 这里只是一些操作例子。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/164147.html