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宽度时。他就换行了。
不知道问题出在那里。求围观。 展开
展开全部
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宽度
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询