文本超出容器后自动添加省略号

react-ellipsis-with-css 文本超出容器后自动添加省略号,同时适用于单行、多行文本; 纯css实现; 安装

npm install react-ellipsis-with-css -S 使用

import React from 'react'; import ReactDOM from 'react-dom'; import Ellipsis from './ellipsis'; ReactDOM.render(<Ellipsis rows={2} lineHeight={30}>我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!我是一段文本!</Ellipsis>,document.getElementById('root')); 参数

目前仅支持三个参数

rows

必填,规定显示的行数,超出指定行数在尾部添加省略号;

lineHeight

必填,文字的行高;

unit

选填,默认为“px”;

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。