css - 顺风 : text-overflow: ellipsis?

Question

有没有办法使用

text-overflow: ellipsis

想到Tailwind CSS Framework

我想像这样使用顺风约定:

&__title {
    @apply text-overflow-ellipsis;
}

代替

&__title {
    text-overflow: ellipsis;
}

Answer 1

CSS 属性 text-overflow: ellipsis; 不能单独使用。

除了文本溢出，您还应该使用其他属性，例如:

overflow: hidden; 
white-space: nowrap; 

您可以使用.truncate 类来实现这一点。这是来自 Tailwind documentation. 的链接

初始问题的解决方案:

&__title {
    @apply truncate;
}