img里的align属性能保证图文的混排效果以及vspace和hspace

原文：http://blog.youkuaiyun.com/weisubao/article/details/43448665

（1）如果不实用align，那么img标签只是行内标签占据一行，图文混排效果如下：

（2）使用了align属性：

[html]  view plain copy

1. <img src="1.jpg" alt="这是xx图片" width="200" align="left"/>  

（3）主要注意的是，如果需要等比例缩放图片，一般只设置宽，或者只设置高。两个都设置就真按照你写的数字来缩放了。

（4）还有一个图片边距的属性，这几个属性平时使用频率并不高，但是十分使用。尤其是做新闻页面的时候。

[html]  view plain copy

1. <img src="1.jpg" alt="这是xx图片" width="200" align="left" vspace="0" hspace="10" />