html+css图片浮动的问题?
比如一段这样的代码:
<div style=" margin:auto; width:1000px;">
<img src="XXX.jpg" width="670" height="535"/>
<div style=" width:200px; float:left">dfdf
如果这样写浏览器显示的是文字在左边,图片在右边,但我想图片在左边文字在右边,所以我就要加左浮动,那我到底是在图片里加css样式:
<img src="XXX.jpg" width="670" height="535" style="float:left"/>
还是在图片外面加个div然后对div进行左浮动呢?
我觉得2样都可以达到效果,但减少个div不是也挺好的吗?
[解决办法]
一般如果只想显示一个图片,而不加文字说明,或者不用给图片加特殊效果,那你就
一个<img /> 标签就OK 了
<style type="text/css">
.floatRight {float:right;}
</style>
<img src="xxx.jpg" class="floatRight" />
<p>text text.....</p>
这样就 OK 了
------------------------
如果图片下面还要配一些说明文字,那就最好包在一个 div 里面
<div class="photo">
<img src="xxx.jpg" />
<p>图片说明</p>
</div>
这样如果要设置浮动就可以把图片和文字说明一起浮动到一边。
.photo {float:right;}
-----------------------------------------------------
大侠提问时最好,写个标签要写完,
不要一个 <div ..> 后面没有 这个</div> 怎么好理解的 HTML 哈。
[解决办法]
如果要标准,还是要加个容器给这个IMG..