CSS文字大于DIV宽度时出现滚动条

来源：百度知道 编辑：UC知道 时间：2024/05/27 18:05:53
我遇到了一个问题,请高手帮我解决一下.我给一个DIV设置了固定的宽和高,现在我希望文字多的时候出现滚动条.怎么做?我记得以前有个属性可以控制是裁减掉文字还是隐藏还是出现滚动条.不记得是哪个属性来控制了
不好意思.我说的挺乱的
大概的意思就是我希望文字多的时候不要到下一行.而是出现滚动条.可以吗?

CSS设置文字大于DIV宽度时出现滚动条，需要使用到overflow-x属性，其语法为overflow-x：visible | auto | hidden | scroll。
当overflow-x属性值设置为 scroll时，在文本设置超出部分添加滚动条并显示。
具体设置方法如下：
#box {
font-size: 12px;
line-height: 24px;
width:700px;
height: 80px;
padding: 10px;
background: #FFFF00;
overflow-x: scroll;
}

应该这样写：
容器{overflow-x:auto;white-space:nowrap;}
(兼容IE6、IE7、FF)

在这里只用overflow是不够的，因为当文字长度超出容器宽度时浏览器会自己将文字换行，横向的滚动条并不会出现(除非是连接的英文字母并且字母之间没有空格)。在这里必须加上white-space:nowrap;(nowrap :强制在同一行内显示所有文本，直到文本结束或者遭遇br对象。)

字多自动出现滚动条。
div{
width:100px;
height:100px;
overflow:auto;
}

字多隐藏多余的
div{
width:100px;
height:100px;
overflow:hidden;
}

overflow-x X轴出现滚动条
overflow-y Y轴出现滚动条` 就是垂直方向`常用这个
overflow-y: scroll;