---
name: Line-ellipsis 多行省略
route: /line-ellipsis
parent: 组件
menu: 数据展示
---
import { Playground, Props } from 'docz'
import  LineEllipsis,{LineEllipsis as API}  from '../components/line-ellipsis'
import  Demo  from './data/test'


# Line-ellipsis 多行省略
>提示: 展开代码编辑器可以在线编辑，实时生效

多行省略的纯css方案，主要有两个问题
- 只支持webkit浏览器
- 无法指定省略号的样式进而无法基于css方案开发收起展开操作

本组件基于Canvas API的 measureText接口实现

## 可折叠






## 行数

<Playground>
    <LineEllipsis line={2}>
        多封面合成支持异形贴纸_20190724163203
    </LineEllipsis>
</Playground>

## API


<Props of={API} />