css中li设了左浮动,如何使它宽度超过ul以后依然不自动换行,成横排显示?

 我来答
叶落红尘3
2017-07-24 · TA获得超过7460个赞
知道大有可为答主
回答量:5567
采纳率:50%
帮助的人:866万
展开全部
  1. 设置ul一个固定的宽度,如:width:1000px

  2. 设置ul横向超出后自动。overflow-x:auto

  3. 设置ul竖向超出隐藏

  4. 有足够多的li,li的width设置为100px ,li的数量最少为11个

  5. 因为li数量多,导致ul会出现横向滚动条,这样就实现了想要的效果

渠秋止阳泽
2019-04-22 · TA获得超过3679个赞
知道大有可为答主
回答量:3065
采纳率:24%
帮助的人:191万
展开全部
li设置好固定
宽度
,ul也要固定宽度,在这个宽度内计算好能容纳几个
li
的宽度,最好稍微大点,这样li总
长度
只要不超过ul长度就不会换行了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
小不点isme
推荐于2017-08-12
知道答主
回答量:11
采纳率:0%
帮助的人:6.7万
展开全部
<div class="box">
     <ul>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
      </ul>
</div>
.box{width:500px;height:500px;overflow:hidden;}
li{width:100px;height:300px;float:left;background:green;margin:10px;}
ul{width:999999px;}
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-07-09
展开全部
ul { white-space:nowrap; }
li { display:inline;}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-07-09
展开全部
设置UL高度和宽度并且设置overflow:hidden;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式