flex遭遇text-overflow:hidden,white-space:nowrap


最近在项目中遇到使用flex的时候,在flex-item元素中使用text-overflow:hidden;white-space:nowrap;进行省略文字的操作。

发现flex-item失控了,长度完全根据子元素中的文字决定,把其他同级元素挤跑。

最后求助网友,得到解决办法:

1.给flex-item元素增加min-width:0

优质内容筛选与推荐>>
1、ios登陆页以及键盘关闭demo
2、redis的pconnect与connect连接
3、Use the thunderbird to send patch
4、坐在马桶上看只有五行的floyd算法
5、Spring注解注入


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号