[英]how to hide horizontal scrollbar in div tag
我有一个大小为x = 540px y = 600px的div
我想隐藏水平滚动条,即使文本大于x大小。
我怎样才能隐藏水平滚动条?
使用overflow-x
<div class="MyDivClass"></div>
CSS:
.MyDivClass {
height: 600px;
width: 540px;
overflow-x: hidden;
}
如果你还想隐藏垂直使用overflow-y: hidden;
或者两者都overflow: hidden;
.MyDivClass {
height: 600px;
width: 540px;
overflow-x: hidden;
}
使用overflow-x: hidden
在body标签中隐藏整个HTML页面上的水平滚动条
body {
background: none repeat scroll 0 0 #757575;
font: 100%/1.4 Verdana,Arial,Helvetica,sans-serif;
margin: 0;
padding: 0;
height: 600px;
width: 540px;
overflow-x: hidden;
}
你也可以使用下面的代码很好地控制它
.div{
width: 540;
height: 600px;
overflow: scroll;
overflow-x: hidden;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.