Как обрезать только до определенной ширины? ⇐ Html

[Anonymous]

У меня есть контейнер, в котором есть текст. Поскольку размер контейнера уменьшается, текст необходимо обрезать. Но я хочу, чтобы усечение происходило только до определенной минимальной ширины контейнера, за которой текст должен быть скрыт. Можно ли добиться этого, используя только CSS?

Код: Выделить всё

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

Код: Выделить всё

This is some text

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

Подробнее здесь: https://stackoverflow.com/questions/793 ... ific-width