<div className="truncate">
  一行のみを・・・にする場合
</div>

ライブラリを導入

yarn add @tailwindcss/line-clamp

tailwind.config.js

module.exports = {
  plugins: [require('@tailwindcss/line-clamp'),],
};

<div className="line-clamp-2">
 【２行】ゴリラゴリラゴリラゴリラゴリラ ゴリラ ゴリラ ゴリラ ゴリラ
  ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ
  ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ
</div>

<div className="line-clamp-3">
 【３行】ゴリラゴリラゴリラゴリラゴリラ ゴリラ ゴリラ ゴリラ ゴリラ
  ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ
  ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ ゴリラ
</div>