HTML中图片位置及大小的控制

经过一些思考和突发奇想，我发现有些时候，在HTML中，如果将三张图片放在一行，那么如果将网页缩小，还会在一行吗。

现在有两种方法：

（1）用table

<table><tr><td></td></tr></table>

这种用法可以有效地使几张图片放在一行，要是缩小页面，将会有移动的框出现，图片大小不变，但是仍然在一行。

（2）用比例

我们可以设置图片的比例,

比如：width=”60%”，这和上面的结果不同，图片会随着窗口的大小变化而变化。而如果用width=”600px”，那么如果图片大于窗口大小，其他图片就可能不在这一行了。

比如：

<center>

<img src="http://d.hiphotos.baidu.com/zhidao/pic/item/8b82b9014a90f603f0b9295d3b12b31bb051ed9b.jpg" width="10%" height="10%" />

<img src="http://pic45.nipic.com/20140803/10622095_184333388101_2.jpg"usemap="#Map"width="60%">

<map name="Map">

<area shape="rect" coords="442,155,825,337" href="http://www.baidu.com">

<area shape="circle" coords="248,440,162" href="0005.html">

<area shape="poly" coords="886,76,884,76,894,85,885,74,883,73,883,73" href="#">

<area shape="poly" coords="883,76,954,63,945,140,899,139,909,147,892,135,891,130,886,121" href="about:cehome?from=extra_start">

</map>

<img src="http://d.hiphotos.baidu.com/zhidao/pic/item/8b82b9014a90f603f0b9295d3b12b31bb051ed9b.jpg" width="10%" height="10%" />

</center>