开发者社区开发与运维文章正文

多图居中屏幕布局

2017-11-08 717

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

 
   
    
      
      
        <
        ul
        > 
       
 
          
        <
        li
        ><
        img 
        src
        =
        "https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3174934711,2321617919&fm=58" 
        alt
        =
        "" 
        /></
        li
        > 
       
 
        <
        li
        ><
        img 
        src
        =
        "https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3174934711,2321617919&fm=58" 
        alt
        =
        "" 
        /></
        li
        > 
       
 
        <
        li
        ><
        img 
        src
        =
        "https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=3174934711,2321617919&fm=58" 
        alt
        =
        "" 
        /></
        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> 
       
 
    
 
   
 