css tailwind 设置文本超过容器就显示省略号

应该在容器上加上min-w-0

示例:

<view class="min-w-0 flex flex-col justify-between items-start box-border">
    <text class="truncate">{{ item.talent.nickname }}</text>
</view>

原因:
在这个弹性布局中min-width默认的属性值是auto,代表容器最小宽度随着内容调整,这显然不是我们需要的
加上min-w-0就可以破坏这个默认值,代表最小宽度可以调整到0,于是子元素的省略号生效

发表新评论