html图像元素的对齐属性align

2012/11/17 16:16:35作者：佚名来源：网络

移动端

【实例介绍】

html图像元素的对齐属性align

图像和文字之间的对齐是通过align属性来设定的，align的对齐方式有两种：即绝对对齐和相对对齐。绝对对齐方式的效果和文字一样，只有3种：居中(middle)、居左(1eft)、居右（right)。相对对齐方式是指图像与一行文字的相对位置。

【基本语法】

【语法介绍】

(1)与其他元素不同的是图像的align属性既包括水平对齐方式，又包括垂直对齐方式。
(2)align的默认值为bottom。
在该语法中，align的取值如表所示。

属性的属性值定义
属性                      描述
bottom                图片的底部和当前行的文字底部对齐
top                       图片的顶端和当前行的文字顶端对齐
middle                图片水平中线和当前行的文字中线对齐
left                       图片左对齐
center                 图片水平中线和当前行的文字中线对齐
right                    图片右对齐

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <p><img src="5.1.5.jpg" width="290" height="206" align="left" />　　本公司从事空调行业已达10余年，主要经营空调技术领域技术服务，家用和商用空调售后维修、空调清洗、空调加氟（充氟、加氟里昂、加制冷剂）、空调移机、空调安装、空调配遥控器、空调回收一条龙服务。本公司技术力量雄厚，拥有一支具有实际经验设计、安装和维修保养的服务队伍，有多年家用和商用空调专业维修经验。我们熟悉各种空调设备的性能、维护与管理，具有优良的专业技能和服务常识，并且接受专业课程的培训，确保各项服务质量。公司规模完善，复盖整个临沂。专业承接：格力、海尔、春兰、美的、海信、松下、LG、新科、现代、奥克斯、格兰仕、华宝、东芝、澳柯玛、志高、三菱重工等国内外品牌空调的移机、维修、保养、加氟、安装，以质求量，薄利多销。价格收费标准全城最低，是您空调维修安装时明智的选择。空调安装与空调维修业务是我们多年潜心研究最专业的空调服务项目。在临沂各地区都有网点，无节假日，24小时服务。时刻提供优质的空调维修，空调安装，空调移机，空调加氟，空调清洗服务。技术过硬，实力雄厚。从客户的角度出发，为客户提供质量高、价格低、及时快捷的服务。 <br /> </p> <div align="center"></div> </body> </html>

【代码分析】

在代码中，加粗部分的标记是设置对齐方式，设置图像左对齐，在浏览器中预览效果，可以看出图像是左对齐，如图所示。

图像元素的对齐属性align运行效果