This solution is generated by ChatGPT, correctness is not guaranteed. You might also be able to find a solution fromcommunity postsor official solution page.
AI solution for CSS coding question on BFE.dev
2. truncate text in one line(with ellipsis)
.one-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }