Dreamweaver CC教程:插入流体网格元素
Dreamweaver CC教程:插入流体网格元素
插入流体网格元素
“插入”面板(“窗口”>“插入”)列出可在流体网格布局中使用的元素。在插入元素时,可选择作为流体元素插入。
1、在“插入”面板中,请单击您要插入的元素。
2、在随后显示的对话框中,单击“之前”、“之后”或“嵌套”,以相对于文档中突出显示的参考元素放置元素。
3、选择类,或输入 ID 值。“类”菜单显示在创建页面时指定的 CSS 文件中的类。
4、选中“作为流体元素插入”复选框。
5、当选择一个已插入元素时,页面上会显示用于隐藏、复制或删除 Div 的选项。对于相互重叠的 Div,还将显示交换 Div 的选项。
选项
说明
交换 Div
交换当前所选元素与上方或下方的元素。
隐藏
隐藏元素。
要取消隐藏元素,执行以下操作之一:
要取消隐藏 ID 选择器,将 CSS 文档中的显示属性更改为块。(display:block)
要取消隐藏类选择器,请在源代码中删除应用的类 (hide_<MediaType>)。
上移一行
将元素上移一行
复制
复制当前所选元素。还会复制链接到该元素的 CSS。
删除
对于 ID 选择器,同时删除 HTML 和 CSS。要仅删除 HTML,请按“删除”。
对于类选择器,仅删除 HTML。
对齐
对于类选择器,“对齐”选项充当零边距按钮。
对于 ID 选择器,“对齐”按钮将元素和网格对齐。
注意:
可使用上下箭头键循环遍历页面上的元素。选择元素边界,然后按方向键。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:设置代码外观
Dreamweaver CC教程:设置代码外观,设置,选项,缩进,教程,视图,...
-
笔记本电脑无法使用外接显示屏幕扩展功能
笔记本电脑无法使用外接显示屏幕扩展功能,显示,屏幕,信号,扩...
-
Dreamweaver CC教程:默认在代码视图中打开文件
Dreamweaver CC教程:默认在代码视图中打开文件,默认,视图,打开...
-
显示器有信号而无任何显示的不能开机故障解决方
显示器有信号而无任何显示的不能开机故障解决方法,显示,信号,...
-
Dreamweaver CC教程:设置代码改写首选参数
Dreamweaver CC教程:设置代码改写首选参数,设置,参数,标签,选...
-
Dreamweaver CC教程:在Dreamweaver中处理代码
Dreamweaver CC教程:在Dreamweaver中处理代码,工作区,拆分,文...
-
Dreamweaver CC教程:服务器行为代码
Dreamweaver CC教程:服务器行为代码,服务器,教程,检测,显示,代...
-
Dreamweaver CC教程:包装在Try Catch 中
Dreamweaver CC教程:包装在Try Catch 中,教程,光标,选择,代码...
-
Dreamweaver CC教程:转换为箭头函数
Dreamweaver CC教程:转换为箭头函数,函数,教程,结构,语句,参数...
-
Dreamweaver CC教程:转到JavaScript或VBScript
Dreamweaver CC教程:转到JavaScript或VBScript,转到,视图,单击...
-
Dreamweaver CC教程:设置代码提示首选参数
Dreamweaver CC教程:设置代码提示首选参数,设置,代码提示,参数...
-
Dreamweaver CC教程:创建 Getter/Setter
Dreamweaver CC教程:创建 Getter/Setter,光标,重构,表达式,教...
-
Dreamweaver CC教程:重构代码
Dreamweaver CC教程:重构代码,教程,函数,选项,重构,代码重构,...