Taro H5开发采坑记录（1）

最新推荐文章于 2024-05-07 10:39:52 发布

外星号wangkun7991

最新推荐文章于 2024-05-07 10:39:52 发布

阅读量161

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/qq_29589387/article/details/119763361

版权

前端开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文探讨了在非首页渲染情况下遇到的文字溢出问题，提供了一个CSS解决方案，包括使用`word-break`, `overflow`, `text-overflow`, `-webkit-line-clamp`和`-webkit-box-orient`属性来限制多行文本显示。同时，提出了解决问题的一种方法，即把View标签替换为Text标签。这个转换有效地解决了文字显示异常的问题。

摘要由CSDN通过智能技术生成

1、文字溢出出现问题

如果这个文字不是首页渲染的话，文字溢出会出现问题

.over_more {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.over_more_one {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}