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 */
}