一、问题阐明
文字太多,溢出局部用省略号示意。
二、解决方案
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'
/>
三、参考文档
- 溢出文字用省略号代替!