div里面 文字和图片水平居中

<div  style="display: flex;align-items: center;">

    <img  style="display:table-cell" />

    <span  style="display:table-cell"></span>

</div>

0、文本在div右侧显示

text-align: right;

1、两行文本两端对齐

text-align: justify

2、图片在div居中对齐

<div>
　　<img src="">
</div>


div{
　　width:200px;
　　height:200px;
　　border:1pxsolid#ccc;
　　position:relative;//父元素设置绝对定位
}

img{
　　position:absolute;//相对定位
　　width:80px;
　　height:50px;
　　top:0;
　　left:0;
　　right:0;
　　bottom:0;
　　margin:auto;//使其垂直居中
}