li标签中 img居中显示

针对html结构为以下做图片居中

<div>

<ul>

<li><img src=''></li>

</ul>

</div>

1 设置li 的lige-height

li{

line-height:568px;

vertivcal-align:middle;

}

li img{

vertical-align:middle;

}

2 改变li的盒子模型

li{

display:table-cell;

vertical-align:middle;

}

3改变li的盒子模型

li{

display:-webkit-box;

-webkit-box-pack:center;

-webkit-box-align:center;

}