怎么实现CSS横排图片并列2-4张

2025-03-13 14:49:02
推荐回答(5个)
回答1:

  1. 最常用的一种方法:就是浮动,浮动之后会自动往右挤,挤不下就到第二行了。    

  2.      

                 
    • 第一张图片

    •            
    • 第二张图片

    •            
    • 第三张图片

    •            
    • 第四张图片

    •            
    • 第五张图片

    •            
    • 第六张图片

    •            
    • 第七张图片

    •            
    • 第八张图片

    •     

回答2:


    
  • 水电费爽肤水方式是否


  •     
  • 水电费爽肤水方式是否


  •     
  • 水电费爽肤水方式是否


  • #list li{float:left;width:100px;padding:6px;list-style:none;}
    #list li .pic{display:block;width:80px;margin:0 auto;border:1px solid #cccccc;padding:2px;}
    #list li .pic img{width:80px;height:80px;}

    上面这样就可以实现, 主要就是li浮动

    回答3:

    .myul li{float: left;width:220px;height:auto;display:block;float:left; margin-left:10px;margin-bottom:5px; text-align:center;}
    给li加个左浮动就OK了
    float: left;

    回答4:

    用CSS编辑框架 想排张就写几个框架 前提是图片大小要合适

    回答5:

    用UL LI便利,LI设置float:left就可以