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

46次阅读

共计 348 个字符,预计需要花费 1 分钟才能阅读完成。

一、问题阐明

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


二、解决方案
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'
/>

三、参考文档
  • 溢出文字用省略号代替!

正文完
 0