css tailwind 设置文本超过容器就显示省略号
应该在容器上加上min-w-0
示例:
1 | <view class="min-w-0 flex flex-col justify-between items-start box-border"> |
原因:
在这个弹性布局中min-width默认的属性值是auto,代表容器最小宽度随着内容调整,这显然不是我们需要的
加上min-w-0就可以破坏这个默认值,代表最小宽度可以调整到0,于是子元素的省略号生效
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Dev!