www.baike369.com
百科369 > dw教程 > Dreamweaver CS5折叠代码

Dreamweaver CS5折叠代码


我们一旦折叠代码片断以后,就不需要使用滚动条即可查看文档的各个不同部分了。


Dreamweaver CS5折叠和展开代码片断

1. 隐藏选择的代码片断

当我们在“代码”视图窗口中按下鼠标左键,并拖动鼠标选择好要折叠的代码以后,在所选择的代码旁边会显示一组折叠按钮。这组折叠按钮在Windows中显示为减号。如下图所示:

拖动鼠标选择要折叠的代码

在上图中单击减号按钮,就折叠了代码。如下图所示:

单击减号按钮折叠了代码

 

在上图中单击加号按钮,就展开了所选的代码。折叠代码以后,折叠按钮将变为展开按钮,即为为加号按钮。

有时候,不会准确折叠我们选择的代码片断。因为Dreamweaver使用了“智能折叠”来折叠最常用和视觉效果很好的选定内容。例如,如果我们选择了一个缩进标签并且选择了该标签之前的缩进空格,则Dreamweaver不会折叠缩进的空格。因为大多数用户希望保留缩进。

而如果要折叠缩进空格,就必须禁用智能折叠,来强制Dreamweaver准确折叠选定的内容。当我们选择好要折叠的代码片断,然后按住Ctrl键,再点击减号按钮,就实现了这种效果。如下图所示:

禁用智能折叠

禁用智能折叠

另外,如果折叠的代码片断中包含错误或特定浏览器不支持的代码,则会在折叠的代码片断上放置一个警告图标。

点击已经折叠的代码片断,会出现加号按钮,点击加号按钮,即可展开隐藏的代码片断。


Copyright© 2011-2016 www.baike369.com All Rights Reserved