Απαιτούνται όλα τα ακόλουθα, επομένως το κείμενο πρέπει να είναι σε μία ευθεία γραμμή που ξεχειλίζει από ένα πλαίσιο όπου είναι κρυμμένη αυτή η υπερχείλιση.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Δείτε το Pen Basic Overflow Ellipsis του Chris Coyier (@chriscoyier) στο CodePen.
Σημειώστε το σταθερό πλάτος που χρησιμοποιείται εδώ. Η ουσία είναι ότι το στοιχείο χρειάζεται κάποιο καθορισμένο πλάτος, το οποίο πρέπει να προσέχετε ιδιαίτερα με το flexbox:
Δείτε το στυλό που πρέπει να γνωρίζετε για το flexbox του Chris Coyier (@chriscoyier) στο CodePen.
Ψάχνετε για περικοπή σε συγκεκριμένο αριθμό γραμμών;