HTML中表格、文字、图像等元素都有使用到align属性,align属性主要是影响设置元素的水平对齐方式,给表格、文字、及图像等元素设置align属性,其表现形式是不一致的。
给表格元素设置align属性:
测试.png
通过测试我们发现,对于表格元素table、tr、td、th都是可以有效设置align属性的,设置的效果是使得各表格元素内的内容(一般为文本,也可以是图片等)水平偏移。
给图片元素设置align属性
通过简单测试我们可以看出,我们给图片元素设置align属性时,当设置align属性值为left或者right时,图片左飘或右飘,当我们在图片后加上文字时,效果类似于左浮动或者右浮动,当然类似浮动效果的是,当align属性设置为center时,图片也无法漂浮到中间,我们可以利用这一特性来进行图文混排。
给文字设置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> 将来有一天会消失,但还需要等待很长一段时间。