html img文字垂直居中 怎样实现图片和文字垂直居中

SegmentFault 招聘第一季：

后端开发工程师

SegmentFault 招聘第一季：

后端开发工程师

SegmentFault 招聘第一季：

后端开发工程师

article{display:block;}

.left{float:left;}

.right{width:800px;text-align:center;}

.right:hover {background:red;cursor:pointer;}

.right a{display:block;}

window.onload = function() {

var d = document, arts = d.querySelectorAll('article');

for(var i=arts.length-1; i>=0; i--) {

var h = arts[i].querySelector('.left').clientHeight, r = arts[i].querySelector('.right'), a = r.querySelector('a');

r.style.height = h + 'px';

a.style.padding = (h - a.clientHeight)/2 + 'px 0';

r.onclick = function() {this.querySelector('a').click();}

}

}

给代码给你是给你思路，不去思考一味的求代码是不会有进步的。