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

给表格元素设置align属性:

测试.png

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

给图片元素设置align属性

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

给文字设置align属性

文字设置align属性

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

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

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

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

浏览器支持

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

兼容性注释

不赞成使用 align 属性和

标签

HTML 4 和 XHTML 中不再推荐使用所有标准中的 align 属性,当然包括 img 的 align 属性,以便使用样式表。同时不再使用

标签。

然而,该属性及标签在 HTML 创作者中非常流行,并且现在流行的浏览器都能很好地支持它们。所以,虽然我们期望 align 和

将来有一天会消失,但还需要等待很长一段时间。

html5中没有align属性,HTML标签align属性的用法问题相关推荐

  1. Html5中的<section>标签的介绍

    section 字面上理解为"块","部分",section元素代表一个页面或一个内容块的部分,一般作为主题块列表,在html5网页中表现的意思跟字面理解差不多 ...

  2. html accept属性,input标签accept属性的使用方法及作用

    html代码input标签accept属性的使用方法及作用介绍如下: 标签accept属性的定义 accept属性规定了可通过文件上传提交的服务器接受的文件类型. accept属性应该配合type属性 ...

  3. HTML中table表格的常用标签及属性

    table表格的常用标签及属性 <table border="1" cellspacing="0" cellpadding="5"&g ...

  4. html中hr标签有哪些属性,htmlhr标签的属性有哪些?HTMLhr标签的样式详解

    html hr标签的属性有哪些?HTML hr标签的样式详解,本篇文章介绍了html中的hr标签的定义及其属性描述,还有关于html hr标签的样式使用的几种方法 html中hr标签定义和用法: 标签 ...

  5. html中的鼠标事件怎么写,html5中的鼠标事件以及鼠标事件属性

    鼠标事件 先列出html5中鼠标常见的一系列事件: 事件名称 描述 onclick 当单击鼠标时运行脚本 ondblclick 当双击鼠标时运行脚本 ondrag 当拖动元素时运行脚本 ondrage ...

  6. java中img属性_img标签的属性是什么

    img标签的属性是:1.width是宽度,height是高度:2.img标签中的width和height这两个属性的作用是用来告诉标签将来需要显示的图片的宽和高. img标签的属性是:1.width是 ...

  7. html 文字右侧属性,HTML标签及属性大全

    基本结构标签: ,表示该文件为HTML文件 ---,包含文件的标题,标题出现在浏览器标题栏中 , 的结束标志 , 的结束标志 ,的结束标志 其它主要标签,以下所有标志用在 中: ,链接标志," ...

  8. html enctype 属性,HTMLbutton标签 formenctype 属性

    HTML标签 formenctype 属性 定义和用法 formenctype 属性覆盖 form 元素的 enctype 属性. formenctype 属性与 type="submit& ...

  9. Html5中的<section>标签

    本文导读:<section> 标签定义文档中的节(section.区段).比如章节.页眉.页脚或文档中的其他部分.section元素标签用来表现普通的文档内容或应用区块.一个section ...

最新文章

  1. CSS之布局(盒子模型--内边距)
  2. django-url的分发, 2)起别名, 3)根目录,4)rediect跳转函数:
  3. pandas python groupby_pandas之分组groupby()的使用整理与总结
  4. 把光盘转化成镜像文件
  5. node11---相册
  6. Python练习-迭代器-模拟cat|grep文件
  7. 设置 chrome 无头浏览器
  8. Pentium II Pentium III架构/微架构/流水线 (2) - P6详解 - 前端(指令预取/译码/动态分支预测静态分支预测)
  9. 需要什么数据?要说清楚、准确
  10. Linux用户和密码
  11. java毕业设计宿舍管理系统mybatis+源码+调试部署+系统+数据库+lw
  12. 圆内接等边三角形的画法_几何画板应用教学,教你绘制圆的内接正三角形
  13. 蒲丰投针实验原理_神奇的圆周率——布丰投针实验
  14. Twitter引流如何开发客户
  15. 强烈呼吁弃用Notepad++,推荐几款优秀替代品
  16. 设计模式实例php,PHP三种设计模式实例教程
  17. php博客模板源码下载,Z-BlogPHP博客学习SEM网站模板 v1.3
  18. 赵小楼《天道》《遥远的救世主》深度解析(125)做你该做的,受你该受的
  19. 造成主板通电自动开机的原因 【转】
  20. 广域网的基本概念和技术特点

热门文章

  1. 全球与中国聚苯乙烯(PS)市场深度研究分析报告
  2. 对SEO优化师【林汉文】的评价【简历介绍】
  3. 2021年需要关注的15大软件测试趋势
  4. 钱越花越有 越省越穷 中国的赚钱方式已经变了
  5. Java技巧: 根据网址/域名查询DNS/IP地址
  6. Color Hunt 漂亮炫酷的配色小程序
  7. Java爬虫简解-疫情数据爬取
  8. input 标签 (详解)如何去除输入时边框
  9. 计算机组成原理 唐朔飞版 第一章知识导图
  10. android软件盘弹不出来了,安卓手机软键盘弹出后不响应onKeyDown、onBackPressed方法解决方案...