html+css问题！新手_html/css_WEB-ITnose-html教程-PHP中文网

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

php中文网

发布： 2016-06-24 11:36:50

原创

1266人浏览过

我有四个ul 每个ul的li里是图片，要让这四个图片横向排列怎么弄？

Alkaid.art

专门为Phtoshop打造的AIGC绘画插件

153

查看详情

回复讨论(解决方案)

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

试过了没有用

            <ul style="list-style: none;float: left">                <li><img     style="max-width:90%" height="30px" / alt="html+css问题！新手_html/css_WEB-ITnose" ></li>            </ul>            <ul style="list-style: none;float: left">                <li><img     style="max-width:90%" height="30px" / alt="html+css问题！新手_html/css_WEB-ITnose" ></li>            </ul>            <ul style="list-style: none;float: left">                <li><img     style="max-width:90%" height="30px" / alt="html+css问题！新手_html/css_WEB-ITnose" ></li>            </ul>            <ul style="list-style: none;float: left">                <li><img     style="max-width:90%" height="30px" / alt="html+css问题！新手_html/css_WEB-ITnose" ></li>            </ul>

登录后复制

你怎么试的？

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

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

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

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

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

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

四个UL？？？

     <ul style="list-style:none;float:left;">        <li><img  / alt="html+css问题！新手_html/css_WEB-ITnose" ></li>    </ul>    <ul   style="max-width:90%">        <li><img  / alt="html+css问题！新手_html/css_WEB-ITnose" ></li>    </ul>    <ul   style="max-width:90%">        <li><img  / alt="html+css问题！新手_html/css_WEB-ITnose" ></li>    </ul>    <ul   style="max-width:90%">        <li><img  / alt="html+css问题！新手_html/css_WEB-ITnose" ></li>    </ul>

登录后复制

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