css：

/*文字只能显示1行：*/
.ellipsis {
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;  
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
	transition: all 0.5s;
}
.ellipsis_2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.ellipsis_3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.ellipsis_5 {
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

<a class="zjzt_l_box_box_a ellipsis" href="https://icss.me/4436.html">五岁生日 | 这一年跟表姐一块庆祝生日，可心的一天了这一年跟表姐一块庆祝生日，可心的一天了</a>
<div class="zjzt_l_box_box_div ellipsis ellipsis_2">又是一年了，真是很快很快的感觉，如今的你都进入五岁的队列了又是一年了，真是很快很快的感觉，如今的你都进入五岁的队列了</div>

注意：当ellipsis和display:block同时应用时，ellipsis会失效，其实是overflow:hidden和display:bock冲突，分两个div应用就可以解决这个问题

<div class="mb-0 d-none d-lg-block">
				<p class="ellipsis"><strong>转载请注明：</strong><a href="https://icss.me/4155.html">提示框的样式 拟物的效果是从一个博客网站上学习到的提示框的样式 拟物的效果是从一个博客网站上学习到的</a> | <a href="https://icss.me/">爱CSS</a></p></div>

20200604

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