文本内容超出显示省略号

单行文本

<div id="fujian">
	<div class="file" *ngFor="let item of activityData?.file">
		<span class="title">{{item.file}}</span>//文件名称
		<div class="btn1">
			<img src="../../../assets/images/052.png" alt="">
				<a [href]="item.path">下载附件</a>
        </div>
  	</div>
</div>

 .title{
     overflow: hidden;
     text-overflow: ellipsis;
      white-space: nowrap;
}

多行文本

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;