关于html:HTML溢出文字用省略号代替

一、问题阐明

文字太多，溢出局部用省略号示意。

二、解决方案

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'/>

三、参考文档

• 溢出文字用省略号代替！