如圖，寫死了第一個(gè)text：主演，然后后面都是循環(huán)添加的text，沒加樣式，但是卻自動(dòng)換行了、可以看到高亮的父元素的寬度是正常的包括所有的text的寬度。

.actorBox{

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

另一問題就是text超出文本不顯示省略號(hào)。和上面的問題是兩個(gè)獨(dú)立的問題。css也沒聯(lián)系

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