日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

#css# 超出高度,可上下滾動

作者:Miraitowa_chole 更新時間: 2023-10-15 編程語言
<div class="test">
    <div class="item" v-for="list in 10" >
        <p class="title">這是一條數據</p>
    </div>
</div>

在最大的div里面加入以下代碼

.test {
       width: 200px;
        max-height: 300px; //設置最大的高度
        overflow:auto; // 超出這個最大高度的數據,會被隱藏起來,上下滑動
        overflow-x:hidden; //隱藏x軸滾動條
        .item {
            width: 90%;
            margin: auto;
            text-align: center;
            .title {
                width: 100%;
                font-size: 15px;
                font-weight: normal;
                background-color: #999999;
            }
        }
    }

如果想隱藏滾動條,可使用以下代碼

 .test::-webkit-scrollbar {
        display: none;
    }

?

原文鏈接:https://blog.csdn.net/ZHENGCHUNJUN/article/details/128465398

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新