1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 解决浏览器/ios出现横向滚动条

解决浏览器/ios出现横向滚动条

时间:2022-06-24 13:50:06

相关推荐

解决浏览器/ios出现横向滚动条

解决方式:

父元素:overflow:hidden,并设置高度

子元素:overflow:auto,padding-bottom设置超过父元素高度

使得滚动条往下移动,利用父元素的overflow:hidden隐藏滚动条

例子:

html

<div class="num"><div class="number"><span class= "index" v-for=" item in 19" :key="item" >{{item}}</span></div></div>

css:

.num{margin-top: 200px;height: 30px;overflow: hidden;}.number{white-space: nowrap;overflow: auto;padding-bottom: 60px;}.index{display: inline-block;background: rgb(189, 100, 100);width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 10px;}

效果:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。