图片水平垂直居中

<style type="text/css">

    *{margin: 0;padding:0;}

    div{

        width:150px;

        height: 100px;

        position: relative;

        border:1px solid #000;

    }

    img {

        width: 50px;

        height: 50px;

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%,-50%);

    }

</style>