<template>
<div>
<div class="box2">
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
</div>
</div>
</template>
<script>
export default {
name: 'test2'
}
</script>
<style scoped>
.box2 div{
width: 100px;
height: 30px;
display: inline-block;
margin-left: 3px;
background: red;
}
.box2{
width: 100%;
height: 3rem;
overflow-x: auto;
border:1px solid #999
}
.box2{
display: flex;
}
.box2 div{
flex-shrink:0
}
</style>
vue设置横向滚动的div
最新推荐文章于 2023-03-12 16:05:45 发布