uni-app 一行内容超宽显示省略号

最新推荐文章于 2024-08-12 15:37:36 发布

LLM丶星

最新推荐文章于 2024-08-12 15:37:36 发布

阅读量4.1k

点赞数 4

分类专栏： Android 文章标签： vue uni-app

本文链接：https://blog.csdn.net/llm20143304/article/details/108728218

版权

Android 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

style里面增加一个样式
然后应用即可

<style>
	/**
	 * 超过text宽度显示省略号 
	 */
	.lable-info{
		font-size: 10pt!important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 1;//文字上限行
		-webkit-box-orient: vertical;
	}
</style>