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: none; display:block;}ul li a span{display:block;}    基础信息   
     河流信息        水源地        地表水取水口          取水用户       入河排污口     取用水测点信息    

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

回复讨论(解决方案)

最不科学的办法 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_WEB-ITnose的详细内容...