flex布局和ellipsis冲突的解决办法(在flex中省略号

2020-04-26  本文已影响0人  MC桥默

前言

有时我们希望文本超出div宽度则显示省略号,但在使用flex布局时,使用text-overflow ellipsis样式后,发现省略号并不会出现,或者是元素直接从div里溢出。
解决办法:父级元素添加min-width属性

.g-flex-c{
    flex: 1;
    min-width: 0;
}
上一篇 下一篇

猜你喜欢

热点阅读