在Tailwind CSS truncate中显示省略号

Question

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

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

Answer 1

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

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