关于css:css横向滚动

44次阅读

共计 263 个字符,预计需要花费 1 分钟才能阅读完成。

css 横向滚动三要素:
1、父元素设置 width 为 100%,横向滚动 overflow-x: scroll;
2、父元素不换行 white-space: nowrap;
3、子元素设置为行内块级元素 display: inline-block;

.label-sec{
    width: 100%;
    height: 6rem;
    overflow: hidden;
    overflow-x: auto;
    white-space:nowrap;
    .label-span{
        display: inline-flex;
        min-width: 20rem;
        height: 4.67rem;
    }
}

正文完
 0