动态循环添加的text为什么会自动换行

Question

如图，写死了第一个text：主演，然后后面都是循环添加的text，没加样式，但是却自动换行了、可以看到高亮的父元素的宽度是正常的包括所有的text的宽度。

.actorBox{

 display: flex;
 justify-content: flex-start;
 align-items: center;
}
.actorBox text{
 color: #666;
 font-size: 12px;
 height: 20px;
 line-height: 20px;
}

另一问题就是text超出文本不显示省略号。和上面的问题是两个独立的问题。css也没联系

.title {
 width: 100%;
 text-align: left;
 height: 20px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 /* white-space: pre-line */
}

Answer 1

① 不知道您的循环代码是怎样的，我这边微信工具v1.02.1806120没复现您的问题。看是不是.actorBox的爸爸导致的

②省略号 可以试试shave
引用自微信页面文本溢出显示省略号无效

Answer 2

非常感谢，我会试一下的