关于flex布局下，css省略号不显示的问题主要有两种场景
场景一、直接在flex布局的元素里
html
我们日常工作中，接触到的主要 API，几乎都是由今天所讲解的这些对象提供的。理解这些对象的性质，我们才能真正理解我们使用的 API 的一些特性。JavaScript 中的对象分类.
JavaScript 宿主对象千奇百怪，但是前端最熟悉的无疑是浏览器环境中的宿主了。在浏览器环境中，我们都知道全局对象是 window，window 上又有很多属性，如 document。实际上，这个全局对象 window 上的属性，一部分来自 JavaScript 语言，一部分来自浏览器环境。
css
* {
margin: 0;
padding: 0;
}
.flex-wrap {
display: flex;
200px;
height: 100px;
background-color: #089e8a;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
解决方案，直接flex的元素再套一层结构。(简单粗暴，主要是我实在没有找到其他方法)
html
我们日常工作中，接触到的主要 API，几乎都是由今天所讲解的这些对象提供的。理解这些对象的性质&#x