图片与文字对齐小研究

                              **

图片与文字对齐小研究

**
先看一段小代码<img src="img/images/flower4.png" width="100px" height="100px" align="left"/><font style="border: 1px solid red;">欢迎阅读服务条款协议，rddkkkfyjgyjw4kyygl本<br/>协议阐述之条款和条件适用于您使用Taobao网站的各种工具和服务。本<br/>服务协议双方为，本服务协议具有合同效力</font>这段代码显示如图：

再来看一段代码<img src="img/images/flower4.png" width="100px" height="100px" /><font style="border: 1px solid red;">欢迎阅读服务条款协议，rddkkkfyjgyjw4kyygl本<br/>协议阐述之条款和条件适用于您使用Taobao网站的各种工具和服务。本<br/>服务协议双方为，本服务协议具有合同效力</font>这段代码显示如图：

对比两个代码可以可以发现多了一个align=“left”，如果少了就会显示图二的情形，无法让文字整体与图片对齐，当然还有其他方法也可以实现对齐，比如table；float；但是相对的都比较繁琐。为什么加align="left"会将图片的高度空间释放，我也还是不懂，希望大家能多探讨探讨，一起进步。