让div只显示横向滚动条的实例

发布时间:2020-04-14编辑:脚本学堂
要实现div只显示横向滚动条,方法需要用两个div配合来完成,下面给大家分享一实例,需要的朋友认真看哦。

 

复制代码 代码示例:
<div style="width:50px;height:20px;overflow-x:auto;overflow-y:hidden;">
    <div style="width:9999px;">
        <div>
            <img src='#'" />             <span>图1</span>
        </div>
        <div>
            <img src='#'" />             <span>图1</span>
        </div>
        <div>
            <img src='#'" />             <span>图1</span>
        </div>
        <div>
            <img src='#'" />             <span>图1</span>
        </div>

    </div>
<div>
 

有兴趣的朋友可以看看效果是不是出现了?