超简单的图片水平垂直居中

用css让一个容器水平垂直居中

<!-- html -->
<div>
    <img src="img/xxx.jpg" />
</div>

<!-- css -->
div{
    width: 300px;
    background-color: gold;
}

div>img{
    width: 80%;
    margin: 10%;
}