Question

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

现在这些图片没有居中显示，但是在稍微小屏点的手机上显示还可以，就是对于不同分辨率的手机显示是不用的，主要是要求图片显示居中对称，请教下这个要怎么调。不要用什么html5的响应式，太复杂，就给个简单点的调样式就能解决的。谢谢大神~

Answer 1

直接float就可以了
ul, ul li{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;

}
ul li{display:inline;float:left;width:50%;height:100px;padding:0 10px;}

<ul>
<li></li>

<li></li>
<li></li>
<li></li>
<li></li>
</ul>

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

追问

float的值设置成啥事居中显示啊

追答

ul li{display:inline;float:left;width:50%;height:100px;padding:0 10px;text-align:center;}
设置text-align:center;也可以使图片居中的。

追问

不知道是不是冲突了 没效果 大哥 可以私聊吗 比较急~ 804338160 谢啦

Answer 2

可以学习下，响应式布局。

Answer 3

可以用margin:auto；呀，加一个父级后，内部子级都设置出固定宽，应该行的