Dreamweaver CC教程:设置表格属性
Dreamweaver CC教程:设置表格属性
设置表格属性
您可以使用属性检查器编辑表格。
1、选择一个表格。
2、在属性检查器(“窗口”>“属性”)中,根据需要更改属性。
表格属性
表格 ID
表格的 ID。
行和列
表格中行和列的数量。
W
表格的宽度,以像素为单位或表示为占浏览器窗口宽度的百分比。
注意:
通常不需要设置表格的高度。
单元格边距
单元格内容与单元格边框之间的像素数。
单元格间距
相邻的表格单元格之间的像素数。
对齐
确定表格相对于同一段落中的其他元素(例如文本或图像)的显示位置。
“左对齐”沿其他元素的左侧对齐表格(因此同一段落中的文本在表格的右侧换行);“右对齐”沿其他元素的右侧对齐表格(文本在表格的左侧换行);“居中对齐”将表格居中(文本显示在表格的上方和/或下方)。“缺省”指示浏览器应该使用其默认对齐方式。
注意:
当将对齐方式设置为“默认”时,其他内容不显示在表格的旁边。若要在其他内容旁边显示表格,请使用“左对齐”或“右对齐”。
边框
指定表格边框的宽度(以像素为单位)。
注意:
如果没有明确指定边框、单元格间距和单元格边距的值,则大多数浏览器按边框和单元格边距均设置为 1 且单元格间距设置为 2 显示表格。若要确保浏览器不显示表格中的边距和间距,请将“边框”、“单元格边距”和“单元格间距”都设置为 0。若要在边框设置为 0 时查看单元格和表格边框,请选择“查看”>“可视化助理”>“表格边框”。
类
对该表格设置一个 CSS 类。
注意:
可能需要展开表格的属性检查器才能看到以下属性。要展开表格的属性检查器,单击右下角的展开箭头。
清除列宽和清除行高
和“清除行高”从表格中删除所有明确指定的行高或列宽。
将表格宽度转换成像素
和“将表格高度转换成像素”将表格中每列的宽度或高度设置为以像素为单位的当前宽度(还将整个表格的宽度设置为以像素为单位的当前宽度)。
将表格宽度转换成百分比
和“将表格高度转换成百分比”将表格中每个列的宽度或高度设置为按占“文档”窗口宽度百分比表示的当前宽度(还将整个表格的宽度设置为按占“文档”窗口宽度百分比表示的当前宽度)。
如果您在文本框中输入了值,则可以按 Tab 或 Enter (Windows) 或 Return (Macintosh) 来应用该值。
相关内容
-
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教程:如何跨多个设备分发代码片段,代码片段,教...