我想在html中弄一个水平的滚动条怎么弄?
发布网友
发布时间：2022-04-26 03:13
共5个回答
热心网友
时间：2022-04-06 14:33
1、在html中定义好一个dom标签，可以是body或者div等等。
2、给dom元素设置相应的宽度，可以用style中的width。
3、再给dom元素设置overflow属性，水平滚动条就是overflow-x:scroll。这样当元素中的内容超出设置的宽度时就会出现滚动条。
示例：
<div style="overflow-x:scroll;width:200px;white-space:nowrap;">当内容超出设定的宽度时自动出现横向滚动条</div>
热心网友
时间：2022-04-06 15:51
如果你的网页足够宽
一个页面显示不了的话
就会自动产生一个滚动条的
或者你想强制显示的话可以如下：
{overflow-x:auto;overflow-y:hidden}
强制隐藏竖直滚动条。
热心网友
时间：2022-04-06 17:26
很简单，用CSS样式把水平滚动条隐藏起来。但是这个兼容性我还没有测试过。
水平滚动条隐藏： html{overflow-x:hidden}
同理,竖直滚动条隐藏：html{overflow-y:hidden}
热心网友
时间：2022-04-06 19:17
<style type="text/css">
<!--
.scrollbar {
FONT-SIZE: 12px;
scrollbar-face-color:#FAFAFA;
scrollbar-shadow-color:#E0E0E0;
scrollbar-highlight-color:#E0E0E0;
scrollbar-3dlight-color:#FAFAFA;
scrollbar-darkshadow-color:#FAFAFA;
scrollbar-track-color:#FAFAFA;
scrollbar-arrow-color:#E0E0E0;
overflow-y:auto;
width:99%;
}
-->
</style>
<div align="left" class="scrollbar" style="width:400px;height:50px">
dfsgsdafsdafasdfsdfsdfsadfsdfadfsgsdafsdafasdfsdfsdfsadfsdfadfsgsdafsdafasdfsdfsdfsadfsdfadfsgsdafsdafasdfsdfsdfsadfsdfadfsgsdafsdafasdfsdfsdfsadfsdfadfsgsdafsdafasdfsdfsdfsadfsdfadfsgsdafsdafasdfsdfsdfsadfsdfadfsgsdafsdafasdfsdfsdfsadfsdfadfsgsdafsdafasdfsdfsdfsadfsdfadfsgsdafsdafasdfsdfsdfsadfsdfa
</div>
热心网友
时间：2022-04-06 21:25
给你的框架设置一个宽度，再加上style="display:block;overflow:auto"试试，如果要垂直的就设置高度
