align
left | 左对齐内容(默认值)。 |
right | 右对齐内容。 |
center | 居中对齐内容(th 元素的默认值)。 |
justify | 对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。 |
char | 将内容对准指定字符。 |
vt.
vi.
这里取排列的意思
HTML <td> 标签的 align 属性
定义和用法
align 属性规定单元格中内容的水平对齐方式。
实例
带有右对齐单元格的 HTML 表格:
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td align="right"
>$100</td>
</tr>
</table>
HTML <tr> 标签的 align 属性
定义和用法
align 属性规定表格行中内容的水平对齐方式。
实例
带有居中对齐行的表格:
<table width="100%" border="1"> <tralign="center"
> <th>Month</th> <th>Savings</th> </tr> <tralign="center"
> <td>January</td> <td>$100</td> </tr> </table>
HTML <table> 标签的 align 属性
定义和用法
align 属性规定表格相对于周围元素的对齐方式。
通常来说,HTML 表格的前后都会出现折行。通过运用 align 属性,可实现其他 HTML 元素围绕表格的效果。
实例
一个右对齐的 HTML 表格:
<table border="1" align="right"
>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
HTML <input> 标签的 align 属性
定义和用法
align 属性只能与 <input type="image"> 配合使用。它规定图像输入相对于周围其他元素的对齐方式。
实例
下面的表单拥有两个输入字段以及一个图像形式的提交按钮:
<form action="form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="image" src="submit.jpg" alt="Submit" align="right"
/>
<p>This is some text This is some text This is some text.</p>
</form>
HTML <img> 标签的 align 属性
<img> 标签的 align 属性定义了图像相对于周围元素的水平和垂直对齐方式。
详细说明
标准没有定义图像相对于其他文字和与其处于同一行中的其他图像的对齐关系。HTML 图像在行中出现时通常只伴有一行文字。而通常的印刷媒体,像杂志,则把文字在图像的周围进行环绕,这样就会有很多行文字与图像相邻,而不只是一行。
幸运的是,文档设计者可以通过 <img> 标签的 align 属性来控制带有文字包围的图像的对齐方式。HTML 和 XHTML 标准指定了 5 种图像对齐属性值:left、right、top 、middle 和 bottom。left 和 right 值会把图像周围与其相连的文本转移到相应的边界中;其余的三个值将图像与其相邻的文字在垂直方向上对齐。Netscape 又增加了 4 种垂直对齐属性:texttop、absmiddle、baseline 和 absbottom,Internet Explorer 则增加了 center。
注意:不同的浏览器以及同一浏览器的不同版本对 align 属性的某些值的处理方式是不同的。
注意:HTML 4.01 不推荐使用 align 属性,XHTML 1.0 Strict DTD 不支持该属性,同时 HTML 5 也不再支持该属性。
实例
设置文本中的图像的对齐方式:
<img src="/i/eg_cute.gif" align="middle"
/>
HTML <div> 标签的 align 属性
定义和用法
align 属性规定 div 元素中的内容的水平对齐方式。
实例
文档中的一个部分居中对齐:
<div align="center"
>
This is some text!
</div>