>  기사  >  웹 프론트엔드  >  html+css问题!新手_html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-24 11:36:50974검색

我有四个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으로 문의하세요.