解决css文字重叠问题

前端程序媛Ying

于 2023-03-24 10:26:55 发布

阅读量903

点赞数

分类专栏：微信小程序 web前端文章标签：前端 css3 Powered by 金山文档

本文链接：https://blog.csdn.net/m0_62323730/article/details/129745467

版权

web前端同时被 2 个专栏收录

55 篇文章 0 订阅

订阅专栏

微信小程序

3 篇文章 0 订阅

订阅专栏

/* scroll-view 默认会有滚动条，清除需要用伪元素 */
.lyric-list ::-webkit-scrollbar {
  display: none;
}

.lyric-list .item {
  /* 为解决文字重叠问题，取消item高度样式 */
  /* height: 35px; */
  line-height: 70rpx;
  /* 文字换行，keep-all 只能在半角空格或连字符处进行换行 */
  word-break: keep-all; 
}