永已

CSS技巧

1.显示两行

 .truncate-two-lines {
  /* 使用WebKit引擎的line-clamp截断到2行 */
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* 核心属性：限制为2行 */
  -webkit-box-orient: vertical;/* 必须搭配使用 */
  
  /* 隐藏溢出内容 */
  overflow: hidden;
  
  /* 保证最小高度（根据行高调整） */
  min-height: 2em; 
  
  /* 可选：优化显示效果 */
  padding: 0 2px;
  border-radius: 2px;
}

换行

<div style="white-space: pre-line;  word-wrap: break-word;"  v-html="data.content"></div>