Wie kann ich nur bis zu einer bestimmten Breite abschneiden? ⇐ HTML

[Guest]

Ich habe einen Container, der Text enthält. Da sich die Größe des Containers verringert, muss der Text abgeschnitten werden. Ich möchte jedoch, dass die Kürzung nur bis zu einer bestimmten Mindestbreite des Containers erfolgt, jenseits derer der Text ausgeblendet werden soll. Ist es möglich, dies nur mit CSS zu erreichen?

Code: Select all

.container {
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

Code: Select all

This is some text

Codepen: https://codepen.io/hari-rahul/pen /PwYRweV