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,于是子元素的省略号生效
最后更新于 2025-09-24 14:15:21 并被添加「」标签,已有 70 位童鞋阅读过。