HTML溢出文字用省略号代替！一、问题说明文字太多，溢出部分用省略号表示。二、解决方案 1、单行文本设置下面 cs

一、问题说明

文字太多，溢出部分用省略号表示。

二、解决方案

1、单行文本

设置下面 css 即可：

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

2、多行文本

React项目中可以使用 react-lines-ellipsis 插件解决，非常方便。

// 1、安装
npm install --save react-lines-ellipsis

// 2、使用
import LinesEllipsis from 'react-lines-ellipsis'

<LinesEllipsis
  text='long long text'
  maxLine='3'
  ellipsis='...'
  trimRight
  basedOn='letters'
/>

三、参考文档

溢出文字用省略号代替！