在 Tailwind CSS 截断中显示省略号答案

【问题标题】：Show ellipsis in Tailwind CSS truncate在 Tailwind CSS 截断中显示省略号
【发布时间】：2022-02-17 05:49:35
【问题描述】：

我在 Tailwind 中的 p 标记上使用了 truncate 属性，但它在截断后不显示省略号。它只隐藏溢出。知道如何在截断时显示 3 个点吗？

     <div className={containerClass}>
          <p className={nameClass}>{textName}</p>
          <p className='truncate'>{descriptionName}</p>
     </div>

【问题讨论】：

您是否尝试将 overflow-hidden 添加到您的容器 div 中？
已解决。我不得不为我的容器使用 display:block 而不是 flex

标签： html css tailwind-css

【解决方案1】：

className 是 HTML 标签的错误属性。你必须像这样使用：

 <div class={containerClass}>
      <p class={nameClass}>{textName}</p>
      <p class='truncate'>{descriptionName}</p>
 </div>

【讨论】：

我正在写反应