div宽度随着li的内容增多而变宽,不受外部div宽度的限制
答案:3 悬赏:0 手机版
解决时间 2021-04-02 13:14
- 提问者网友:心如荒岛囚我终老
- 2021-04-01 21:36
div宽度随着li的内容增多而变宽,不受外部div宽度的限制
最佳答案
- 五星知识达人网友:长青诗
- 2021-04-01 22:49
把ul中的li设置强制在同一行显示,然后ul不要笃定宽度
全部回答
- 1楼网友:狂恋
- 2021-04-01 23:49
你好!根据你提供的例子,我已经明白你要做的事了,box全局宽度固定,根据内容来进行自行调整,而且不影响其排版,这其实也很简单,根据你提供的css名称,我提供CSS样式给你作参考。
.box{width:500px;}
.scroll_list{width:100%;}
ul{width:100%;}
ul li{width:20%; line-height:25px; float:left;}
这样就可以了,你试一下,真不行你就用简单的js取一下width值和li个数就可以自动增加了。
希望我的回答能令你满意!追问box宽度设为500px的话 scroll_list宽度设为100% 那么scroll_list的宽度就是500px ,同理ul也是500px。就算li宽度设为20%。当超过 5个li的时候也就是超过100%的时候,li还是会换行。如果用js来写的话,应该怎么写呢
.box{width:500px;}
.scroll_list{width:100%;}
ul{width:100%;}
ul li{width:20%; line-height:25px; float:left;}
这样就可以了,你试一下,真不行你就用简单的js取一下width值和li个数就可以自动增加了。
希望我的回答能令你满意!追问box宽度设为500px的话 scroll_list宽度设为100% 那么scroll_list的宽度就是500px ,同理ul也是500px。就算li宽度设为20%。当超过 5个li的时候也就是超过100%的时候,li还是会换行。如果用js来写的话,应该怎么写呢
- 2楼网友:蕴藏春秋
- 2021-04-01 23:17
加一下li 的宽度追问不能设置li 的宽度,因为里面的img宽度不确定,高度我设置成固定的了追答限制ul的宽度,li 左浮动追问如果li的宽度的总和超过了ul的宽度,他还是会换行追答超过了宽度,换行正常啊追问看清楚我的要求好吗, 要的是不会换行
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯