为了账号安全,请及时绑定邮箱和手机立即绑定

li里嵌套img,给li设置左浮动,为什么图片排列方式依旧是垂直的?

li里嵌套img,给li设置左浮动,为什么图片排列方式依旧是垂直的?

兔子吃点窝边草 2017-03-30 16:59:49
查看完整描述

4 回答

?
夏目祐太

TA贡献11条经验 获得超4个赞

你ul的宽度不够
查看完整回答
1 反对 回复 2017-03-31
?
诗酒

TA贡献1条经验 获得超0个赞

<style>

*{margin:0;

padding:0;

}

  ul li{

     float:left;

width:290px;

height:300px;

list-style:none;

  }

</style>

<body>

<div id="container">

  <ul>

    <li><img src="img/1.jpg"/></li>

    <li><img src="img/1.jpg" /></li>

    <li><img src="img/1.jpg" /></li>

    <li><img src="img/1.jpg" /></li>

  </ul>

</div>

</body>


查看完整回答
反对 回复 2017-03-31
?
索振卿

TA贡献2条经验 获得超1个赞

程序没问题,如果出不来的话可能:

  1. 设置的问题。

  2. 图片的问题。

我的左浮动有效果,已验证。

查看完整回答
反对 回复 2017-03-31
?
朱剑飞

TA贡献2条经验 获得超1个赞

给<li>设宽度吧,行内大概就<li style="width:10px;">这样
查看完整回答
反对 回复 2017-03-31
?
ruibin

TA贡献358条经验 获得超213个赞

你的图片有没有太大了。应该是图片太大导致的,不然不会垂直显示的。你要不行就直接把li改为display:inline或者inline-block。

查看完整回答
反对 回复 2017-03-30
  • 4 回答
  • 0 关注
  • 4534 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信