Question

您好，请问在html中怎么把图片放到指定的位置呢?我有三张图片，想分开放，不是挨在一起，谢谢。

我刚用表格解决了，在网上看到是分开的，可是为什么下面这两种方法在网上看到的图片还是连在一起的呢？
1：
<img src="01.jpg",style="position:absolute;left:150px;top:20px" >
<img src="02.jpg" ,style="position:absolute;left:370px;top:20px">
<img src="04.jpg",style="position:absolute;left:590px;top:20px" >
2：
<img src="01.jpg",align="left" >
<img src="02.jpg" ,align="middle">
<img src="04.jpg",align="right" >

我是用myeclipse写的，在myeclipse上可以看出图片是分开的，可是还成浏览器就不行了。。。。。还是挨在一起？（360和ie都一样） 请问为什么啊？

Answer 1

align="left" 有这种用法吗？
首先图片一般在设置大小的。
像你这种用position:absolute;图片是相对浏览器的位置定位的。这几个图片都是相对浏览器定位的。分别距浏览器的左边为150px;370px;590px;如果图片的宽度>210px;那么图片是会重叠的。
最好的方法是浮动解决，不要使用绝对定位。
比如：img{float:left;margin:5px}

Answer 2

<img src="01.jpg" style="float:left;">
<img src="02.jpg" style="float:center;">
<img src="04.jpg" style="float:right;">
逗号应该改成空格吧。

追问

这样写发现图片的位置好怪。。。。。下面第一张图就是这样写的，另一张是用表格写的。