Dreamweaver CC教程:使用布局网格
Dreamweaver CC教程:使用布局网格
使用布局网格
网格在“文档”窗口中显示一系列的水平线和垂直线。它对于精确地放置对象很有用。您可以让经过绝对定位的页元素在移动时自动靠齐网格,还可以通过指定网格设置更改网格或控制靠齐行为。无论网格是否可见,都可以使用靠齐。
选择“视图”>“设计视图选项”>“网格”>“显示网格”。
启用或禁用靠齐选择“视图”>“设计视图选项”>“网格”>“靠齐到网格”。
更改网格设置1、选择“视图”>“设计视图选项”>“网格”>“网格设置”。
2、设置选项,然后单击“确定”应用更改。
颜色
指定网格线的颜色。请单击色样表并从拾色器中选择一种颜色,或者在文本框中键入一个十六进制数。
显示网格
使网格显示在“设计”视图中。
靠齐到网格
使页面元素靠齐到网格线。
间距
控制网格线的间距。输入一个数字并从菜单中选择“像素”、“英寸”或“厘米”。
显示
指定网格线是显示为线条还是显示为点。
注意:
如果未选择“显示网格”,将不会在文档中显示网格,并且看不到更改。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:设置代码外观
Dreamweaver CC教程:设置代码外观,设置,选项,缩进,教程,视图,...
-
笔记本电脑无法使用外接显示屏幕扩展功能
笔记本电脑无法使用外接显示屏幕扩展功能,显示,屏幕,信号,扩...
-
Dreamweaver CC教程:默认在代码视图中打开文件
Dreamweaver CC教程:默认在代码视图中打开文件,默认,视图,打开...
-
Dreamweaver CC教程:在代码视图中预览图像和颜色
Dreamweaver CC教程:在代码视图中预览图像和颜色,图像,教程,视...
-
Dreamweaver CC教程:提取 JavaScript
Dreamweaver CC教程:提取 JavaScript,文件,选择,脚本,教程,文...
-
Dreamweaver CC教程:设置 PHP 首选参数
Dreamweaver CC教程:设置 PHP 首选参数,教程,站点,参数,设置,...
-
Dreamweaver CC教程:分析代码
Dreamweaver CC教程:分析代码,教程,支持,红色,错误,显示,检查,...
-
Dreamweaver CC教程:自定义代码主题
Dreamweaver CC教程:自定义代码主题,自定义,教程,选择,默认,主...
-
Dreamweaver CC教程:用多个光标添加或更改文本
Dreamweaver CC教程:用多个光标添加或更改文本,光标,更改,文本...
-
Dreamweaver CC教程:包装在Condition 中
Dreamweaver CC教程:包装在Condition 中,教程,单击,鼠标右键,...
-
Dreamweaver CC教程:缩进代码块
Dreamweaver CC教程:缩进代码块,代码块,缩进,教程,单位,选择,...
-
Dreamweaver CC教程:提取到变量
Dreamweaver CC教程:提取到变量,变量,教程,右键,选择,表达式,...
-
Dreamweaver CC教程:如何跨多个设备分发代码片段
Dreamweaver CC教程:如何跨多个设备分发代码片段,代码片段,教...