Why does the text added in a dynamic loop wrap automatically

as shown in the figure, the first text: star is written, and then the loop adds text, without styling, but automatically wraps the line. You can see that the width of the highlighted parent element is normal, including the width of all text.


textcss

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

1 I don't know what your loop code looks like, but my Wechat tool v1.02.1806120 does not reproduce your problem. See if .actorBox 's father caused it

clipboard.png

2 ellipses can try shave
quoted from Wechat page text overflow display ellipsis is invalid


Thank you very much. I'll try

Menu