div中img如何垂直居中？

<div>
        <img src="images/t1.jpg">
        <img class="jt" src="images/箭头.png" title="下一张">   
</div>

我想让图中右边的箭头垂直居中，怎么办？

        .div{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

// 前提给父元素加绝对  简单粗暴
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(50%);

flex布局实现箭头的右侧居中，大图移出文档流，铺满。

div{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}