有三种推荐的技术可以列迁移到容器。 使用单个嵌套容器压平容器。 尽可能实现全宽而不是盒宽的嵌套容器。 让我们了解有关减少 大小的更多信息。
元素类型 有两
种类型的元素小部件——您用来规元素。如标题、图像、图标、按钮、分隔线等。 布局元素- 结构元素。例如部分列和容器。这些元素 巴西电报数据 包装小部件并将它们组合在一起。 我们将重点关注布局元素。以了解如何减少 大小。 布局元素的 结构 在 中。每个结构元素由两个<>标签组成：一个 <>和一个 <>。这一点很重要。因为我们将了解如何减少结构布局元素中的 元素数量。
部分列的 结构当使用
部分和列时。最终的 由两个布局级别组成。每个级别有 很多时候不是非黑即白比如采用统 两个<>元素。两个用于部分。两个用于列。总共。我们用四个<>元素包装小部件容器的 结构 引入了容器作为构建具有更精简结构和 的页面的一种方式。 切换到容器时。生成的 仅包含两个<>元素。而不是四个。这意味着您可以使用一半的元素获得相同的设计使用容器扁平化 结构 过去。网站结构通常采用部分或列。
如今现代网站使用
和 来实现相同的视觉结构。同时减少代码量。为此。 引入了容器。通过将结构元素转换为容器。您可以简化 结构并消除不必要的冗余。 虽然部分是 BY 列表 堆叠在一起的。但列是并排放置的。另一方面。容器可以将内部元素堆叠成一行或一列。我们可以利用这些差异来优化一些结构。 如果某个部分有多列。转换后的结构将具有单个列方向容器和多个行方向容器。但是。如果某个部分只包含一列。您可以在转换为容器时优化此结构。您可以消除一个容器级别而不影响设计。 大小减少 %。从四个<>元素减少到只有两个。现在将此乘以每个页面的布局元素数量。
