react+antd怎么使一个div里的值只用两行展示，第一行超出会自动换行，第二行超出会省略

可以使用CSS的`-webkit-line-clamp`属性来实现。

1. 设置div的高度，让其只能显示两行。

.two-line {
  height: 3.6rem; /* 两行高度 */
  overflow: hidden;
}

2. 设置文本的样式，使其只显示两行，超出自动隐藏。

.two-line p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

完整的代码示例：

import React from 'react';
import { Typography } from 'antd';
import './index.css';

const { Text } = Typography;

function App() {
  return (
    <div className="two-line">
      <Text>
        这是一段很长很长的文本，如果在一行的话肯定会超出，这时候就需要设置只显示两行，超出的部分自动省略。
      </Text>
    </div>
  );
}

export default App;

.two-line {
  height: 3.6rem;
  overflow: hidden;
}

.two-line p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}