html - Bootstrap Div 标签内的绝对中心图像

Question

我有这段响应式代码，我想将图像垂直和水平居中。谁能帮我解决这个难题？

<div class="row">
<div class="col-xs-4"><a href="http://dreamatico.com/data_images/banana/banana-5.jpg" target="_blank" title="Read More"><img src="http://dreamatico.com/data_images/banana/banana-5.jpg" /></a></div>
<div class="col-xs-4"><a href="http://dreamatico.com/data_images/banana/banana-5.jpg" target="_blank" title="Read More"><img src="http://dreamatico.com/data_images/banana/banana-5.jpg" /></a></div>
<div class="col-xs-4"><a href="http://dreamatico.com/data_images/banana/banana-5.jpg" target="_blank" title="Read More"><img src="http://dreamatico.com/data_images/banana/banana-5.jpg" /></a></div>

Answer 1

试试这个

.col-xs-4 {
        display: table-cell;
        float: none;
        vertical-align: middle;
    }