- 0133技术站
- 联系QQ:88526
- QQ交流群

- 微信公众号

定义
align 属性规定表格相对于周围文本的对齐方式。
通常来说,HTML 表格的前后都会出现折行。通过运用 align 属性,可实现其他 HTML 元素围绕表格的效果。
语法
<table align="left|right|center">
属性值
● left:左对齐表格。
● right:右对齐表格。
● center:居中对齐表格。
浏览器支持
属性 | ![]() | ![]() | ![]() | ![]() | ![]() |
align | 支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 align 属性。
兼容性注释
在 HTML 4.01 中,<table> 的 align 属性 已废弃。HTML5 不支持 <table> align 属性。请使用 CSS 代替。
CSS 语法:<table style="float:right">
在我们的 CSS 教程中,您可以找到更多有关 float 属性 的细节。
一个右对齐的 HTML 表格:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>0133技术站(0133.cn)</title> </head> <body> <table border="1" align="right"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>T恤</td> <td>¥60.00</td> </tr> <tr> <td>夹克衫</td> <td>¥80.00</td> </tr> </table> <p>表格文本使用对齐属性.</p> <p><b>注意:</b>在HTML 4中 align 属性已废弃,HTML5 已不支持该属性,可以使用CSS代替。</p> </body> </html>
点击 "运行实例" 按钮查看在线实例
CSS 实例:表格对齐方式
<!DOCTYPE html> <html> <body> <table style="float:right" border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>T恤</td> <td>¥60.00</td> </tr> <tr> <td>夹克衫</td> <td>¥80.00</td> </tr> </table> <p>这是一些围绕着表单的文本。</p> </body> </html>
点击 "运行实例" 按钮查看在线实例
推荐手册