CSS ul超出横向滑动

最新推荐文章于 2024-07-12 16:05:19 发布

weixin_34195546

最新推荐文章于 2024-07-12 16:05:19 发布

阅读量2.4k

点赞数 1

文章标签：前端 ViewUI

原文链接：https://juejin.im/post/5c10c4185188253828247f10

版权

CSS ul超出横向滑动

code:

<style>
    ul {
        overflow-x: scroll;
        white-space: nowrap;
        width: 800px;
    }
    li {
        display: inline-block;
        margin-right: 20px;
        width: 200px;
        height: 200px;
        background: #ddd;
    }
</style>
<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>
复制代码

转载于:https://juejin.im/post/5c10c4185188253828247f10

weixin_34195546

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
CSS ul超出横向滑动

CSS ul超出横向滑动code:<style> ul { overflow-x: scroll; white-space: nowrap; width: 800px; } li { display: inline-block; margin-right: 20px; ...
复制链接

扫一扫