- 0133技术站
- 联系QQ：88526
- QQ交流群
- 微信公众号
灭绝小师太
更新时间：2019-04-11 11:33:10
定义
<tr> align 属性设置表格行中每个<td>元素内容的水平对齐方式。
最常用的属性有三个值：left，right和center。也可以使用Justify和char，但使用频率较低。
align 属性已被弃用，HTML5 不支持 <tr> align 属性；可以使用 CSS 的text-align属性代替。
语法
<tr align="value">
属性值：
● left：左对齐内容（<td> 元素的默认值）。
● right：右对齐内容。
● center：居中对齐内容（<th> 元素的默认值）。
● justify：对行进行伸展，这样每行都可以有相等的宽度（就像在报纸和杂志中）。
● char：将内容对准指定字符。
浏览器支持
| 属性 |  |  |  |  |  |
buffered | 支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 align 属性。
注意：几乎没有浏览器能够正确地处理 "char" 值。
使用<tr> align 属性来设置 HTML 表格内容的水平对齐方式。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>0133技术站(0133.cn)</title> </head> <body> <table width="100%" border="1"> <tr align="center"> <td>第一栏</td> <td>第二栏</td> <td>第三栏</td> </tr> <tr align="right"> <td>第一栏</td> <td>第二栏</td> <td>第三栏</td> </tr> <tr align="left"> <td>第一栏</td> <td>第二栏</td> <td>第三栏</td> </tr> </table> <p><b>注意:</b>HTML5 已不支持该属性，可以使用 CSS 代替。</p> </body> </html>
点击 "运行实例" 按钮查看在线实例
使用CSS的text-align属性来设置 HTML 表格内容的水平对齐方式。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>0133技术站(0133.cn)</title>
<style>
.first-row {
text-align: center;
}
.second-row {
text-align: right;
}
.third-row {
text-align: left;
}
</style>
</head>
<body>
<table width="100%" border="1">
<tr class="first-row">
<td>第一栏</td>
<td>第二栏</td>
<td>第三栏</td>
</tr>
<tr class="second-row">
<td>第一栏</td>
<td>第二栏</td>
<td>第三栏</td>
</tr>
<tr class="third-row">
<td>第一栏</td>
<td>第二栏</td>
<td>第三栏</td>
</tr>
</table>
</body>
</html>点击 "运行实例" 按钮查看在线实例
推荐手册