购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

7.4 表格行的控制

表格的行是表格的一部分,多个行组成了一个表格,而表格的行本身又包含了单元格。正是这样的一个包含的关系,通过设置行的属性,可以批量地设置同一行单元格的部分属性。

说明 :行高度设置的优先性高于表格,低于单元格。

7.4.1 整行的高度设置

表格的行只有height属性,即只能设置行的高度,行的宽度总是和表格宽度相等的。在D:\web\目录下创建网页文件,命名为table_tr.htm,编写代码如代码7.10所示。

代码7.10 表格的行设置:table_tr.htm

在浏览器地址栏输入http://localhost/table_tr.htm,浏览效果如图7.19所示。

图7.19 表格的行高设置

可见,表格的高度设置并不能约束行的高度。表格的高度设置只能确定表格的最小高度。

7.4.2 行内的对齐控制

行包含了单元格,单元格包含了表格数据。通过行的对齐设置,可以控制整行数据在各自单元格内的对齐方式。行对齐分为水平对齐和垂直对齐,其属性分别为align和valign。水平对齐和其他HTML元素一样,其值为left、center和right,分别代表左对齐、居中对齐和右对齐。而垂直对齐常用的值为bottom、middle和top,分别代表数据在单元格内的底部对齐、垂直居中对齐和顶端对齐。修改table_tr.htm,编写代码如代码7.11所示。

代码7.11 表格的行设置:table_tr.htm

在浏览器地址栏输入http://localhost/table_tr.htm,浏览效果如图7.20所示。

图7.20 表格的行对齐设置 KVuGPvE/NDo3E2k/0tD8T2Vg8YXMq231PnPhHy8lAf9LlJGKp9a+L5Kcnvd0RUq8

点击中间区域
呼出菜单
上一章
目录
下一章
×