直播平台软件开发，flex布局，不设置宽度，实现文字超出部分隐藏

直播平台软件开发，flex布局，不设置宽度，实现文字超出部分隐藏

.flex-box {
  display: flex;
}
 
.flex-item-space {
  flex: 1;
  min-width: 0; //重点样式
  white-space: nowrap; //重点样式
}
 
.title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
}

​以上就是直播平台软件开发，flex布局，不设置宽度，实现文字超出部分隐藏， 更多内容欢迎关注之后的文章