图像的排列属性align
发布时间：2018-08-15
浏览次数：1351图像和文字之间的对齐是通过align属性来设定的，align的对齐方式有两种：即绝对对齐和相对对齐。绝对对齐方式的效果和文字一样，只有3种：居中（middle)、居左（left)、 居右（right)。相对对齐方式是指图像与一行文字的相对位置。
语法：
<img src="图像文件的地址" align="文字的对齐方式">
说明：
在该语法中，align的取值见表4-2所示。
表4-2 align属性的属性值定义
| 属 性 | 描述 |
| bottom | 图片的底部和当前行的文字底部对齐 |
| top | 图片的顶端和当前行的文字顶端对齐 |
| middle | 图片水平中线和当前行的文字中线对齐 |
| left | 图片左对齐 |
| center | 图片水平中线和当前行的文字中线对齐 |
| right | 图片右对齐 |
举例:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2313"/> <title>图像排列</title> </head> <body> <p>回归<img src="images/szss9.jpg" width="200" height="118" align="left"/>大自然的体验，尝试做个摩登原始人，登天入地，攀岩涉水，充满乐趣，个人训练、团体活动皆适宜，是全山西省最大、最富趣味性与挑战性的山训场。本山训场是-片布置于树林及原野间的山训场，场内的设施均具野味而刺激。<br/> 山庄还安排体能锻炼及充满活力的团队山训课程，在教练的指导及安全的环境中体验惊险艰困而得到的成功滋味；对于精神压力的放松以及体能耐力的精进有实质的助益。</p> </body> </html>
在代码中<img src="images/szss9.jpg" width="200" height="118" align="left"/>部分的标记是为图像设置对齐方式，在浏览器中预览效果，可以看出图像 是左对齐，如图4.7所示。
在网页中为了整体的美观，可以在同一个网页中图像既有左对齐，又有右对齐。
本文内容摘取于《网页制作》，仅供参考学习用途!
18577088886