从后端获取到的数据直接返回div,里面的img怎么设置css样式

html-css09

从后端获取到的数据直接返回div,里面的img怎么设置css样式,第1张

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

1、用css控制

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

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

2、用js控制

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

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

首先创建一个div,以及对有图片的div设置样式,给img的父级添加一个diaplay,并且属性为table,并

且把包含图片的div中的display属性设置成table-cell,最后给有图片的div设置成vertical-align:

middle属性,代码如下:

.tablebox{

width: 300px

height: 250px

background: #fff

display: table

}

#xxx{

display: table-cell

vertical-align: middle

}

#xxx img{

width: 100px

}

可以多看看黑马程序员的课程,多学学这些基础知识。