使用可变宽度div时的CSS文本省略号

使用可变宽度div时的CSS文本省略号

您可以使用CSS3的灵活框式布局直观地做到这一点：

.parent-div {    display: flex;}.text-div {    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    min-width: 0;}.icon-div {    flex: 1;}​