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宽度时。他就换行了。
不知道问题出在那里。求围观。 展开
#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宽度时。他就换行了。
不知道问题出在那里。求围观。 展开
7个回答
展开全部
外层div设个可见区域宽度，同时益处隐藏。
li左浮动，接下来是重点啦！！！！
设置ul宽度，设一个大一些的值，例如5000px，或者用脚本来动态计算赋值也行。这样就能实现你想要的效果。哎，当初刚学时这都不叫事，好久没用了，现在也遇到这个问题了，墨迹了半天才发现原因......
li左浮动，接下来是重点啦！！！！
设置ul宽度，设一个大一些的值，例如5000px，或者用脚本来动态计算赋值也行。这样就能实现你想要的效果。哎，当初刚学时这都不叫事，好久没用了，现在也遇到这个问题了，墨迹了半天才发现原因......
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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；就行了 这回懂了吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置UL高度和宽度并且设置overflow:hidden;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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">
声明文件头了吗？
<html xmlns="http://www.w3.org/1999/xhtml">
声明文件头了吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置UL的宽度。。可以each每个li，计算总的li宽度
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
