折叠和展开代码

您可以折叠和展开代码片段，以便无需滚动即可查看文档的不同部分。

例如，若要查看 head 标签中所有应用于页面下方较远处的一个 div 标签的 CSS 规则，请折叠 head 标签和 div 标签之间的所有代码，以便同时看到这两部分代码。

您可以选择要折叠的代码部分进行折叠。还可以在 HTML、PHP、XML 以及 SVG 文件中基于标签块折叠代码。在 CSS、Less、Sass、SCSS 和 JS 文件中，您可以基于大括号折叠代码。

• HTML 文件：Dreamweaver 折叠开始和结束 HTML 标签之间的代码，并且在折叠的代码中显示初始属性（如果适用）。当块内的代码通过“标签选择器”、“查找和替换”、“转到行”、“元素快速视图”、“实时视图”或“还原/重做”收到焦点时，Dreamweaver 自动展开它。

如果所选内容发生更改，代码会自动再次折叠。

• CSS、Less、Sass、SCSS 和 JS 文件：大括号内的代码将会折叠，预览将显示为 {...}。
• PHP 文件：除 PHP 代码块外，HTML 元素、CSS 和 JS 代码块也会折叠。

默认代码折叠大小是两行。在此默认设置中，当您折叠代码时，所有至少包含两行代码的代码片段都将被折叠。少于两行的代码片段将以展开模式显示。

要更改代码折叠的最小行数：

折叠和展开代码片段

默认情况下，代码视图中的所有代码都处于展开模式。

但是，您可以通过选择多行并折叠它们来折叠代码。还可以基于语法（标签块或大括号）折叠代码。

• 基于标签块或大括号折叠代码
• 基于所选内容折叠代码

基于标签块或大括号折叠代码

要基于标签块或大括号折叠代码：

基于所选内容折叠代码

要基于所选内容折叠代码：

使用键盘快捷键折叠和展开代码

复制和粘贴折叠的代码片段