react 表格超过两行显示省略号

.ellipasedom {
  word-break: break-all;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

import React from ‘react‘
import styles from ‘./index.less‘

// 表格超过两行省略
const EllipaseDom = (props: { content: string }) => {
  const { content } = props

  return (
    // 设置title可以在鼠标移入时显示完整内容
    <div className={styles.ellipasedom} title={content}>
    {content}
  </div>
  )
}

export default EllipaseDom