1

在 flex 布局下怎么实现文字超出的话显示3个点呢

 <div class='flex'>
         上课放假啊上官红给送杜防守反击快乐十分就够我 i 哦
 </div>

 .flex{
    display:flex;
    border: 1px solid red;
    width:300px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}

效果如下图,并未出现3个点...

clipboard.png

如果改为display:block 那么就会达到想要的效果

clipboard.png

在 flex 布局下怎么才能达到这种效果呢?

dailer 262
2017-09-11 提问

查看全部 6 个回答

6

加上

min-width: 0

推广链接