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

2024-11-23 13:41:49
推荐回答(5个)
回答1:

  1. 设置ul一个固定的宽度,如:width:1000px

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

  3. 设置ul竖向超出隐藏

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

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

回答2:

li设置好固定
宽度
,ul也要固定宽度,在这个宽度内计算好能容纳几个
li
的宽度,最好稍微大点,这样li总
长度
只要不超过ul长度就不会换行了

回答3:


     

              

  •           

  •           

  •           

  •           

  •       

.box{width:500px;height:500px;overflow:hidden;}
li{width:100px;height:300px;float:left;background:green;margin:10px;}
ul{width:999999px;}

回答4:

ul { white-space:nowrap; }
li { display:inline;}

回答5:

设置UL高度和宽度并且设置overflow:hidden;