【网站建设开发制作】表格内文字的对齐方式 -网络营销推广_网站建设设计

【网站建设开发制作】表格内文字的对齐方式

发表日期：2018-11-09 05:46:31

【网站建设开发制作】

表格内文字的对齐方式

在默认情况下，表项居于单元格的左端。可用列、行的属性设置表项数据在单元格中的

位置。

1．水平对齐

表项数据的水平对齐通过标签<th>、<td>和<tr>的align属性实现。align的属性值分别为：center（表项数据的居中）、left（左对齐）、right（右对齐）或justify（左右调整）。

2．垂直对齐

表项数据的垂直对齐通过标签<th>、<td>和<tr>的valign属性实现。valign的属性值分别为：top（靠单元格顶）、bottom（靠单元格底）、middle（靠单元格中）或baseline（同行单元数据项位置一致）。

4.8.3表格在页面中的对齐方式

前面介绍的是表格中各个单元格的属性。现在，把表格作为一个整体，介绍如何设置表格在页面中的位置。与图像一样，表格在浏览器窗口中的位置也分为三种：居左、居中和居右。使用<table>标签的align属性，设置表格在页面中的位置，格式为：

当表格位于页面的左侧或右侧时，文本填充在另一侧；当表格居中时，表格两边没有文本；当align属性省略时，文本在表格的下面。

4.8.4表格的色彩和图像背景

在<table>、<th>、<tr>、<td>标签中，使用下面属性可以改变表格的背景和边框的色彩、添加背景图像，也可以为行和单元格改变色彩、添加背景图像。

bgcolor：设置背景色彩。

’ background：设置背景图像。

bordercolor:设置表格边框的色彩。

bordercolorlight：设置表格边框亮部的色彩。

rules=”row,cols或none”：设置表内线的显示方法，none为无内线。

如果把属性放到<table>中，则其作用范围为整个表格；如果把属性放到<th>中，则其作用范围为整个行；如果把属性放到<tr>、<td>中，则其作用范围为该单元格。

400-611-0508

全方位的营销咨询
精准的解决方案
一对一贴心服务