CSS ul宽度大于外部宽度 ul中li自动换行,怎么让他不换行 80

我在网上也找了些方法。#myTabul{list-style-type:none;line-height:27px;margin:0;padding:0px;displa... 我在网上也找了些方法。
#myTab ul{
list-style-type:none;
line-height:27px;
margin:0;
padding:0px;
display:block;
overflow:hidden;
white-space:nowrap;
float: left;
}
#myTab ul li{
display:block;
float:left;
border:1px solid #ace;
border-bottom:0px;
margin-right:3px;
padding:3px;
padding-left: 10px;
padding-right:10px;
cursor: pointer;
}
我将ul 和li的样式设置之后 。添加li,当ul宽度大于外面的div宽度时。他就换行了。
不知道问题出在那里。求围观。
展开
 我来答
universe57
2015-05-27
知道答主
回答量:11
采纳率:0%
帮助的人:4.6万
展开全部
外层div设个可见区域宽度,同时益处隐藏。
li左浮动,接下来是重点啦!!!!
设置ul宽度,设一个大一些的值,例如5000px,或者用脚本来动态计算赋值也行。这样就能实现你想要的效果。哎,当初刚学时这都不叫事,好久没用了,现在也遇到这个问题了,墨迹了半天才发现原因......
百度网友f14c9b6
2013-01-04 · 超过15用户采纳过TA的回答
知道答主
回答量:90
采纳率:0%
帮助的人:34万
展开全部
myTab ul li 里面的display:inline ,理论上就不换行了, 但是 本身你里面的宽度大于外面的就不对! 或者你可以让里面滚动 overflow:scroll;
追问
试过了 。没用。为什么本身的宽度大于外部宽度就不行呢?  我想实现滚动的效果就要内部的ul宽度大于外部div宽度。
追答


无标题文档

.layout{ width:100px; height:65px; overflow:scroll; padding:0px; margin:0px; background:#CCC;}
.layout ul{ list-style:none; padding:0px; margin:0px; width:1000px; height:25px; line-height:25px;}
.layout ul li{ padding:0px; margin:0px; line-height:25px; width:400px; line-height:25px; float:left; display:inline;}

横向滚动横线滚动
横向滚动横线滚动

把最外层的css样式里面设置 overflow:scroll;就行了 这回懂了吗
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友34f70d7
2017-06-26 · 超过43用户采纳过TA的回答
知道小有建树答主
回答量:133
采纳率:0%
帮助的人:21.7万
展开全部
设置UL高度和宽度并且设置overflow:hidden;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
我_问_你_答
2013-01-04 · TA获得超过169个赞
知道小有建树答主
回答量:433
采纳率:0%
帮助的人:221万
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
声明文件头了吗?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
sqlhost
2013-02-04
知道答主
回答量:3
采纳率:0%
帮助的人:3万
展开全部
设置UL的宽度。。可以each每个li,计算总的li宽度
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 3条折叠回答
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式