实现多余内容变成省略号

实现效果

在这里插入图片描述

代码

 <p class="item-content">{{ item.content }}</p>

样式

.item-content {
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏溢出部分 */
  text-overflow: ellipsis;
  /* 使用省略号表示溢出部分 */
}

你可能感兴趣的:(1024程序员节)