49.CSS--- 设置多行文本超出显示省略号

标签：--   一个   line   flow   ellipsis   isp   css   行高   box   

<div class="caption">
  <p>显示超过两行就显示省略号，其余隐藏，隐藏不了的情况下给这个模块添加一个高度和行高

，高度是行高的两倍</p>
</div>

css:

.caption {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #999999;
  line-height: 15px;//
  height:30px;///* 2行隐藏就两倍，三行隐藏就三倍*/
}

49.CSS--- 设置多行文本超出显示省略号

标签：--   一个   line   flow   ellipsis   isp   css   行高   box   

原文地址：https://www.cnblogs.com/sqyambition/p/9257667.html