欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html+css问题!新手_html/css_WEB-ITnose

程序员文章站 2022-05-05 12:38:10
...
我有四个ul 每个ul的li里是图片,要让这四个图片横向排列 怎么弄?


回复讨论(解决方案)

css样式加上float: left;,在li里加,浮动起来就好了

css样式加上float: left;,在li里加,浮动起来就好了



试过了 没有用

            
  • html+css问题!新手_html/css_WEB-ITnose
  • html+css问题!新手_html/css_WEB-ITnose
  • html+css问题!新手_html/css_WEB-ITnose
  • html+css问题!新手_html/css_WEB-ITnose

你怎么试的?

一般:
li {float:left} 就会浮动到左边,如果图片太大,超过一屏,也可能就是行显示了

3#的代码也是醉了的。。。。

1楼正解,3楼浪费了那么多ul干嘛

因为楼主说了四个ul,所以3#写了四个啊

首先 这个为啥使用四个ul
应该一个ul里4个li标签,li标签里有img标签
之后在li标签下使用float属性[/size]

如果你真要用四个ul,那就每个的宽高设置好,在ul里面设置浮动不就好了

四个UL???

     
  • html+css问题!新手_html/css_WEB-ITnose
  • html+css问题!新手_html/css_WEB-ITnose
  • html+css问题!新手_html/css_WEB-ITnose
  • html+css问题!新手_html/css_WEB-ITnose

四个ul,每个ul的li里是图片,要让这四个图片横向排列,也就是每个ul里面只有一个li,要让四个图片横向排列,
当然是要在ul上加float:left