首頁 >web前端 >html教學 >html+css问题!新手_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-24 11:36:50985瀏覽

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


回复讨论(解决方案)

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn