Tailwind CSS：多行文本自動省略

安裝

yarn add @tailwindcss/line-clamp

使用

在tailwind.config.js引入插件：

module.exports = {
  /** 省略其他 */
  plugins: [
    require('@tailwindcss/line-clamp'), // 引入插件
  ],
}

在HTML中，使用line-clamp-{n} 類定義省略幾行

<p class="line-clamp-3">
  Et molestiae hic earum repellat aliquid est doloribus delectus. Enim illum odio porro ut omnis dolor debitis natus. Voluptas possimus deserunt sit delectus est saepe nihil. Qui voluptate possimus et quia. Eligendi voluptas voluptas dolor cum. Rerum est quos quos id ut molestiae fugit.
</p>