多图居中屏幕布局

<code>&lt;</code><code>ul</code><code>&gt;</code>

<code>  </code><code>&lt;</code><code>li</code><code>&gt;&lt;</code><code>img</code> <code>src</code><code>=</code><code>"https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3174934711,2321617919&amp;fm=58"</code> <code>alt</code><code>=</code><code>""</code> <code>/&gt;&lt;/</code><code>li</code><code>&gt;</code>

<code>&lt;</code><code>li</code><code>&gt;&lt;</code><code>img</code> <code>src</code><code>=</code><code>"https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3174934711,2321617919&amp;fm=58"</code> <code>alt</code><code>=</code><code>""</code> <code>/&gt;&lt;/</code><code>li</code><code>&gt;</code>

<code>&lt;/</code><code>ul</code><code>&gt;</code>

<code>&lt;style type=</code><code>"text/css"</code><code>&gt;</code>

<code>ul,li{</code><code>margin</code><code>:</code><code>0</code><code>;</code><code>padding</code><code>:</code><code>0</code><code>;</code><code>list-style</code><code>:</code><code>none</code><code>;}</code>

<code>ul{</code><code>width</code><code>:</code><code>100%</code><code>;</code><code>font-size</code><code>:</code><code>0</code><code>;</code><code>display</code><code>:table;</code><code>text-align</code><code>:</code><code>center</code><code>;}</code>

<code>li{</code><code>display</code><code>:inline-</code><code>block</code><code>;</code><code>margin</code><code>:</code><code>0</code> <code>10px</code><code>}</code>

<code>li img{</code><code>display</code><code>:</code><code>block</code><code>;</code><code>width</code><code>:</code><code>100%</code><code>;}</code>

<code>&lt;/style&gt;</code>

<a href="http://s1.51cto.com/wyfs02/M01/87/BF/wKioL1fg3RWjJnjxAABNkFNGrrA941.png-wh_500x0-wm_3-wmp_4-s_1928219204.png" target="_blank"></a>

      本文转自Ansue  51CTO博客，原文链接：http://blog.51cto.com/ansue/1854487，如需转载请自行联系原作者