首页 > 代码库 > 多图居中屏幕布局

多图居中屏幕布局

<ul>
  <li><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3174934711,2321617919&fm=58"  /></li>
<li><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3174934711,2321617919&fm=58"  /></li>
<li><img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3174934711,2321617919&fm=58"  /></li>
</ul>
<style type="text/css">
ul,li{margin:0;padding:0;list-style:none;}
ul{width:100%;font-size:0;display:table;text-align:center;}
li{display:inline-block;margin:0 10px}
li img{display:block;width:100%;}
</style>

技术分享

多图居中屏幕布局