盒子

使用容器使内容保持清晰且居中。

盒子 块可以有效地保持内容整齐地排列在屏幕的中心。它通常与段块一起使用。您可以将一个框合并到 插入面板 > 结构 部分。

在本次会议中,我们将讨论:

  1. 盒子的结构
  2. 如何使用框、段和分段块

盒子的结构

A 盒子 是具有预定义样式的部分块。在较大的屏幕上,它的最大宽度为 940 像素,可让您的内容相对于浏览器窗口居中。在较小的设备(如手机和平板电脑)上,框会延伸到整个屏幕宽度。

您可以修改框的最大宽度,以使其仍然适应视口大小,但只能扩展到设置的最大宽度。

如何使用框、段和分段块

在网页设计中,框通常位于部分块内。默认情况下,部分占据整个宽度。您可以在部分内放置一个框,以使元素整齐地向中心分组。随后,您可以利用框内的分段块通过布局、间距、尺寸和位置来排列元素。

专家提示: 部分是横跨整个宽度并包含预定义“部分”HTML5 标签的部分块。框是具有预设最大宽度的部分块。

了解有关构建网页布局的更多信息。

麦宜云
Ewan Mak 的最新帖子 (查看全部)