图片垂直居中？

Question

引用bootstrap<div class="row">     <div class="col-sm-6">         ......     </div>     <div class="col-sm-6">         <img>     </div> </div>请问这个<img>怎么让其按照左边的内容垂直居中？

Answer 1

两种方法，一种是以row为父元素进行相对定位，.row{position:relative;}.col-sm-6(图片那个){position:absolute;top:x%;bottom:x%;这种方法前提是左边内容比较多。另外一种写js代码

Answer 2

.img_box {

display:table-cell;

vertical-align:middle;

text-align:center;

}可以试下