css display: flex 横向滚动

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

确认过眼神cxy

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

阅读量3.7k

点赞数

分类专栏： css 文章标签： flex css3 javascript

本文链接：https://blog.csdn.net/zzk220106/article/details/109094364

版权

本文详细介绍了如何利用 CSS3 的 flexbox 布局属性来创建横向滚动的效果，适用于现代网页设计中的各种布局需求。通过调整 `display: flex` 和相关设置，可以实现灵活且响应式的横向滚动条。

摘要由CSDN通过智能技术生成

flex 实现横向滚动

.css-flex {
   
    display: flex;
    height: 1.5rem;
    overflow: scroll;
    white-space:nowrap;
}
.css-self {
   
    margin-left: .22rem;
    background-color: darkgray;
}

 <div class="css-jc">
   <div class="css-flex">
        <div

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

确认过眼神cxy

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
css display: flex 横向滚动

flex 实现横向滚动.css-flex { display: flex; height: 1.5rem; overflow: scroll; white-space:nowrap;}.css-self { margin-left: .22rem; background-color: darkgray;} <div class="css-jc"> <div class="css-flex"> &lt.
复制链接

扫一扫