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

来源：懂视网责编：小采时间：2020-11-27 16:32:09

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

css实现一行显示三张图片且多行显示问题。_html/css_WEB-ITnose:css 如图就想要一个这样的效果在手机上显示，我已经写了一些代码如下： ul{width:auto;}ul li { list-style: none; width:auto; height:auto; clear: none; float:left;display:inline }ul li a{ float: n

推荐度：

点击下载本文 文档为doc格式

导读css实现一行显示三张图片且多行显示问题。_html/css_WEB-ITnose:css 如图就想要一个这样的效果在手机上显示，我已经写了一些代码如下： ul{width:auto;}ul li { list-style: none; width:auto; height:auto; clear: none; float:left;display:inline }ul li a{ float: n

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;}

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

推荐度：

点击下载本文 文档为doc格式

标签：图片显示三个

热门焦点

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

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

回复讨论(解决方案)

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

最新推荐

猜你喜欢

热门推荐