HTML标签align属性的用法问题

HTML中表格、文字、图像等元素都有使用到align属性，align属性主要是影响设置元素的水平对齐方式，给表格、文字、及图像等元素设置align属性，其表现形式是不一致的。

给表格元素设置align属性：

测试.png

通过测试我们发现，对于表格元素table、tr、td、th都是可以有效设置align属性的，设置的效果是使得各表格元素内的内容（一般为文本，也可以是图片等）水平偏移。

给图片元素设置align属性

通过简单测试我们可以看出，我们给图片元素设置align属性时，当设置align属性值为left或者right时，图片左飘或右飘，当我们在图片后加上文字时，效果类似于左浮动或者右浮动，当然类似浮动效果的是，当align属性设置为center时，图片也无法漂浮到中间，我们可以利用这一特性来进行图文混排。

• 图片元素设置align效果

给文字设置align属性

• 文字设置align属性
  通过测试我们可以看出，给<span></span>、<font></font>等包裹 文字的行内容器设置align属性是没有效果的，而给div、p等包裹文字的块级元素设置align属性则是有效果的，会使得文本在水平方向上左移、右移或者居中。

现在已经不推荐使用align属性了！

• 注意：不同的浏览器以及同一浏览器的不同版本对 align 属性的某些值的处理方式是不同的。

• 注意：HTML 4.01 不推荐使用 align 属性，XHTML 1.0 Strict DTD 不支持该属性，同时 HTML 5 也不再支持该属性。

• 浏览器支持
  虽然不赞成使用 align，但是几乎所有浏览器都支持该属性。

兼容性注释

• 不赞成使用 align 属性和 <center> 标签
  HTML 4 和 XHTML 中不再推荐使用所有标准中的 align 属性，当然包括 img 的 align 属性，以便使用样式表。同时不再使用 <center> 标签。
  然而，该属性及标签在 HTML 创作者中非常流行，并且现在流行的浏览器都能很好地支持它们。所以，虽然我们期望 align 和 <center> 将来有一天会消失，但还需要等待很长一段时间。