html中li显示的这样几张图片，怎么让他们适应不同分辨率的手机居中显示

直接float就可以了

ul, ul li{

box-sizing:border-box

-moz-box-sizing:border-box

-webkit-box-sizing:border-box

}

ul li{display:inlinefloat:leftwidth:50%height:100pxpadding:0 10px}

<ul>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

可以这么写试试看，图片直接设置为display:block如果宽度是根据窗口缩放的话，可以直接设置为100%；如果定宽就写margin:0 auto图片就是居中的。

你是说<li>中放一个图片标签<img>居中?还是<li>的背景居中 如果是第一种就可以定义<img>的top就可以了！如果是第二种就可以 用background-position:center center第个center是水平居中，第二个是垂直居中！ 这都是ＣＳＳ属性！

---