首页 > 程序开发 > web前端 > HTML/CSS >

css3flex布局,文字超出显示省略号

2017-05-25

css3flex布局,文字超出显示省略号。

css3 flex布局,文字超出显示省略号

在那个文字的父元素加上min-width:0;

css3 flex布局,文字超出显示省略号css3 flex布局,文字超出显示省略号

.box{
    display:flex;
}
.flex1{
    width:50px;
}
.flex2{
    flex:1.0;
    min-width:0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}
相关文章
最新文章
热点推荐