前端筆記

利用CSS transform屬性中的 translateY 來改變垂直位移

再利用position:relative 設定 top屬性，配合使物件可以垂直置中

<div class="col-xs-4 recommendPic">
         <img src="/template/hw/pic/obj2243009_1.jpg" >
</div>
<style>
.recommendPic{
    padding: 0px;
    background-color: #ebebeb;
    width: 33.3333%;
    height: 126px;
    text-align: center;
}
.recommendPic>img {
    max-height: 126px;
    max-width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
</style>