How to display an incomplete sentence with an ellipsis at the end?

Question

css

I'm using backbone, I'm displaying text from the model like {{ text }} on the page, how can I display only part of the text and add an ellipsis at the end if the text is too long (for example, does not fit in 2 lines)?

Answer 1

css

.box {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

Here are other options