<divclass="img"><div>怎么加图片样式

可以使用img标签在div标签中添加图片。

新建html文档，在div标签中添加img标签，在img标签中添加src属性，属性值为图片的地址，这时网页中将会显示刚才添加的图片。

div是在html中使用最多的布局标签，所有主流浏览器都支持div标签，默认情况下，浏览器通常会在div元素前后放置一个换行符。

不管是后台返回的数据还是静态写好的 还是用常规的去定义。除非是去 *** 作动态生成的元素【使用了ajax动态往页面添加元素】

1、用css控制

外面用div包裹起来，然后用css 对这个div下面的图片进行修改

<div class='img_div'><img src='abc.jpg' alt='我是一张图片'/></div>

2、用js控制

和上面一样，先用div包裹起来

$('.img_div img').css({略})

img默认是个行内元素，比如在img的前面或后面放一些文字，这些文字会与图片排在同一行。因此，当图片的前后存在一些空格或回车换行符时，它们会与图片一起成为同一块行内元素，从而会造成外面的div被撑得比你想象的尺寸要大一些，比如：

<div>

<img src="..."/>

</div>

而如果是这样就不会：

<div><img src="..."/></div>

如果给img的css添加display:block属性，它就会变成块级元素（它会独占一行），其前后的空格、回车等也会被自动忽略，这样外面的div的尺寸就会保持与img一致。

---