html内容超过指定行数则显示省略号

起因

今天想改主题的友情链接页面，发现有的朋友介绍实在过长影响整个排版，但是回想一下自己学过的知识并不能做到指定显示多少行，查阅资料后才实现，记录一下~

代码

.n0ts-links-connect {
  width: 100%;
  height: auto;
  font-size: 0.7rem;
  color: #888888;
  /* 超过两行则显示省略号 */
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

这代码从没见过哈哈，算是学到了新知识
成功~

Tags: 垃圾笔记