在新式页面上SharePoint分区和列

在新式页面上SharePoint分区和列

通过在现代页面上添加带列的分区,创建具有吸引力SharePoint布局。 若要并排显示内容,您可以向每个节最多添加三列。 如果你正在处理属于通信网站一部分的页面,则可以通过添加一个全角列来创建一个跨整个页面的列 (包括其) 边缘)。 还可以堆叠具有不同列数的多个节。 你甚至可以在右侧添加垂直部分,这非常适用于显示快速链接、联系人、天气、倒计时计时器等内容。

以下示例左侧有三个包含一列的部分,右侧有一个垂直部分:

包含包含垂直分区的分区的页面

注意: 一些功能逐渐引入到已选择加入定向发布 计划的组织。 这意味着你可能不会看到此功能,或者此功能可能看起来不同于帮助文章中的描述。

向页面添加包含列的分区

  1. 转到要添加栏的页面。

  2. 如果尚未处于编辑模式,请单击页面右上方的"编辑"。

  3. 将鼠标悬停在页面标题区域最左侧或页面最左侧的现有 Web 部件上方或下方,你将看到一行带圆圈+的行,如下所示,工具提示显示"添加新分区"。

    将鼠标悬停在 Web 部件下以查看"添加新分区"按钮

  4. 单击" 选择"+ 添加分区"按钮以添加新分区 "。

  5. 在"节布局"下,选择您需要的栏数,或者,如果位于通信网站的一部分页面上,可以选择一个全角列来跨整个页面 (包括其边缘) 。

    节布局

注意: 全宽列在工作组网站中的页面上不可用。 它仅在属于通信网站的页面上可用。

添加垂直节

  1. 转到要添加垂直分区的页面。

  2. 如果尚未处于编辑模式,请单击页面右上方的"编辑"。

  3. 将鼠标悬停在页面标题区域最左侧或页面最左侧的现有 Web 部件上方或下方,你将看到一行带圆圈+的行,如下所示,工具提示显示"添加新分区":

    将鼠标悬停在 Web 部件下以查看"添加新分区"按钮

  4. 单击" 选择"+ 添加分区"按钮以添加新分区 "。

  5. "节布局"下,选择"垂直节"。

    "节"布局窗格中的垂直节

注意: 

  • 垂直分区当前仅在页面右侧可用。

  • 垂直节的长度根据页面上的内容进行调整,随着非垂直分区中内容长度的增大或缩小。

  • 不能在同一页上具有全宽列和垂直节。

  • 在较窄的浏览器窗口中,垂直分区将移至页面底部。 使窗口更宽时,垂直部分将返回到页面右侧。 如果屏幕宽度小于 1024 px,也可能发生此情况。 尝试调整"缩放和布局"下的显示设置。 例如,在"更改文本、应用和其他项目的大小"下的下拉列表中,选择 125% 或更低的值。

更改现有分区

注意: 当内容位于两列或多列中,然后减少列数时,最右侧列中的内容将移动到左侧的下一列。 如果减少为一列,第二列或第三列中的内容将移至第一列的底部。

  1. 转到要更改分区的页面。

  2. 如果尚未处于编辑模式,请单击页面右上方的"编辑"。

  3. 页面的每个部分都标有虚线。 选择要添加列的分区,然后单击页面 左侧的" 编辑节"。

    单击"编辑分区"按钮开始编辑分区

  4. 右侧" 分区"工具箱中,选择您需要的列数和类型,如果要使节更加突出,或使页面更具吸引力,请选择节背景色。 可用颜色基于网站主题。

    "分区布局"窗格

注意: 节背景色在大多数 Web 部件中显示,如文本 Web 部件中所示, (左侧) 。 其他 Web 部件维护页面背景而不是分区。 出于辅助功能目的,列表、文档库和快速图表 Web 部件将始终保留页面背景 (例如以下快速图表 web 部件) 。 最终允许显示部分背景(但当前不允许)的 Web 部件包括:网站活动、Yammer 对话、Yammer 突出显示、列表属性、页面属性、组日历、必应 新闻和 Microsoft Power Apps。 为获得最佳结果,建议不要为包含这些 Web 部件的分区使用分区背景色。

节背景中的文本 Web 部件和快速图表 Web 部件示例

向列添加内容

  1. 如果尚未处于编辑模式,请单击页面右上方的"编辑"。

  2. 转到要添加内容的列。

  3. 将鼠标悬停在列上,然后单击" 带圆圈的加号用于向页面添加新式 Web 部件 "。

  4. 选择要添加到列的 Web 部件,然后将内容添加到 Web 部件。 了解如何使用 Web 部件

需要更多帮助?

扩展你的 Office 技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

×