div实现一行超出以...显示

最新推荐文章于 2024-07-10 16:10:21 发布

傻瓜傻了个瓜

最新推荐文章于 2024-07-10 16:10:21 发布

阅读量1.1k

点赞数

文章标签： javascript html 前端

本文链接：https://blog.csdn.net/qq_41309961/article/details/129086747

版权

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

.hisItem .stats {
	width: calc(100% - 75px);
	background-color: #F7FCFF;
	padding: 12px 2px 12px 10px;
	color: #999999;
	font-size: 14px;
	display: inline-block;
	border-radius: 7px;
}
.icon-reject {
	color: red;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

<div class="stats">
	<div class="icon-user">题目名称：{{item.title_name}}</div>
	<div class="icon-user">记录类型：{{item.record_type=='1'?'个案':'综述'}}</div>
	<div v-if="item.status=='21'" class="icon-user icon-reject" @click="rejectMsg(item)">驳回理由：{{item.reason}}</div>
	</div>