水平滚动条

ggc*_*des 4 html css scrollbar

如果内容在边框中溢出,如何在页面中创建自动水平滚动条.

<html>
     <body>
        <div style ="width: 20px; height:30px; border:1px solid black; overflow:auto">
            <!-- various of text here that can makes it go out the border-->
        </div>  
     </body>
</html>
Run Code Online (Sandbox Code Playgroud)

如果我的内容中的文字太长,如何制作自动水平滚动条怎么办?

oni*_*ojo 11

插入div样式:

overflow-x:scroll;
Run Code Online (Sandbox Code Playgroud)


Syn*_*ror 10

将您的代码更改为:

 <html>
 <body>
    <div style ="width: 20px; height:30px; border:1px solid black; overflow-x:scroll">
        <!-- various of text here that can makes it go out the border-->
    </div>  
 </body>
 </html>
Run Code Online (Sandbox Code Playgroud)