设置＜p＞段落单行显示，溢出内容文字用“...“代替

1、显示位置

<section>
  <div id="box">
   <p class="c-999 f-fA" v-html="article.description">{{article.description}}</p>
  </div>
</section>

2、对p标签进行样式修改

<style>
#box p {
  /* 设置宽高可以解决显示两个省略号的问题*/
  width: 620px; /*宽高看个人具体情况进行修改*/
  height: 20px;

  /* 1，强制一行显示 */
  white-space: wrap;

  /* 2.隐藏溢出的部分 */
  overflow: hidden;

  /* 3.隐藏的部分省略号显示 */
  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 1; /*行数*/
}
</style>

最后样式