如图，写死了第一个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 */[代码][代码]}[代码]