HTML标签align属性的用法问题

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> 将来有一天会消失,但还需要等待很长一段时间。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,841评论 1 92
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,359评论 1 41
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,673评论 0 30
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,340评论 0 5
  • 莫道饱经苦楚志不移,且看待人情谊真。年少未曾叹忧愁,人到中年鬓辞。人生难得长如意,风雨浪尖驶小舟。
    亮_2119阅读 144评论 0 0