图片垂直居中？

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;}可以试下