admin管理员组

文章数量:1655702

 1,在开发小程序项目时,遇到一个盒子有很多字,但是只需要两行,那么可以使用以下的样式配置:

 首先第一步在app.vue中进行全局适配 在页面中直接使用即可 切记不使用是没有效果的,

    .ellipsis {
			overflow: hidden; //溢出隐藏
			white-space: nowrap; //不换行
			text-overflow: ellipsis;
		}
	.ellipsis-2 {
			display: -webkit-box;
			overflow: hidden; //溢出隐藏
			white-space: normal !important;//强制不换行
			text-overflow: ellipsis;
			word-wrap: break-word;
			-webkit-line-clamp: 2; //截取两行 超过两行的就显示省略点
			-webkit-box-orient: vertical;
		}

本文标签: 项目