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

WBOY
发布: 2016-06-24 11:36:50
原创
978 人浏览过

我有四个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

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板