本文主要是介绍CSS 文字超出显示滚动条,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1、布局结构
<view class="tes" style="margin-top: 15rpx;"><p v-html="conten" class="conten"></p>
</view>
conten 里是内容
2、页面样式
.tes::-webkit-scrollbar-track-piece {background-color: rgba(0, 0, 0, 0);border-left: 1px solid rgba(0, 0, 0, 0);}.tes::-webkit-scrollbar {display: block;width: 5px;height: 10px;-webkit-margin-bottom-collapse: 12px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.tes::-webkit-scrollbar-thumb {background-color: #b2b2b2;background-clip: padding-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;min-height: 28px;}.tes::-webkit-scrollbar-thumb:hover {background-color: #e6e6e6;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
可以通过改变css 中的颜色,判断代码都是负责哪一部分
这篇关于CSS 文字超出显示滚动条的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!