您好,欢迎来到尔游网。
搜索
您的当前位置:首页css实现一行显示三张图片且多行显示问题。。_html/css

css实现一行显示三张图片且多行显示问题。。_html/css

来源:尔游网
 css


如图就想要一个这样的效果在手机上显示, 我已经写了一些代码如下:

基础信息
  • 河流信息
  • 水源地
  • 地表水取水口
  • 取水用户
  • 入河排污口
  • 取用水测点信息

  • 现在可以一行显示三张图片问题是怎么让第二行在第一行的下面显示,实现图片上的效果。现在显示的都跑别的地方去了。。 求各位帮忙,在线等。


    回复讨论(解决方案)

    最不科学的办法 table吧

    试试这个CSS:

    l{width:auto;}ul li { list-style: none; width:auto; height:auto; display:inline-block }ul li a{ float: none; display:block;}ul li a span{display:block;}

    抱歉,上面有错误,试试下面这个:

    ul{width:auto;}ul li { list-style: none; width:auto; height:auto; display:inline-block }ul li a{ float: none; display:block;}ul li a span{display:block;}

    Copyright © 2019- axer.cn 版权所有 湘ICP备2023022495号-12

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务