div 内 图片 垂直居中

vertical-align属性适用于 line-block；

<div class="title">
      <img src="img_p1_title.png">
</div>

 

 div 内 图片后的文字相对图片垂直居中的话  我们可以对img设定  vertical-align:middle；

在div中图片实现自动垂直居中 如下：

1.table-cell !设定 div css    {

display：table-cell(;display:table-cell; *display:inline-block; *width:auto;实现行内多栏)

text-align:center; vertical-align:middle

}

2.为所居中元素加上绝对定位

（position:absult ; left：50%; TOP:50%;  tansform:tanslate（-50%，-50%））；

3.

.title {
  display: flex;
  justify-content: center;
  align-items: center;  
}
.title img {
  width: 35%;
}
//该方法有些旧系统不支持