Как установить тэги «a» горизонтально, установить заданную ширину и если она будут превышена, то обрезать по тегово и после установить точки на конце?

Question

[vasIvas]

У меня есть массив со свловами ['some text', 'some text', 'some text', 'some text'], которые мне нужно обвернуть в тег some text и расположить их горизонтально. Задать это строке определенную длину, путь будет 100px и если слова выходят за границы, то обрезать их не так - 'some text so...' а вот так 'some text ...'.
Возможно такое сделать на css?

Answer 1

[Дмитрий Кравченко]

codepen.io/imdmitrykravchenko/pen/bELEvo

Comments

[vasIvas]

[Николай Шабалин]

автор хотел, чтобы у него обрезалось по словам - "обрезать их не так - 'some text so...' а вот так 'some text ...'. ". В Вашем случае это никак не учтено.

[Дмитрий Кравченко]

зря начал редактировать после публикации.

[vasIvas]

Дмитрий Кравченко: ну просто нету слов. Мего круто, спасибо!

Answer 2

[Николай Шабалин]

Не возможно. CSS ничего не знает про длину вашего "some text", следовательно он не знает как обрезать вашу строку.

Comments

[copal]

Это можно сделать вывод что это вообще не возможно? А то ведь если делать через js то мне нужно будет к css обращаться чтобы узнать длину, а Вы говорите что css - "CSS ничего не знает про длину вашего "some text"" .. Так?

[Николай Шабалин]

copal: скорее всего вам CSS не понадобится. Вы JS'ом должны узнавать как обрезать Вашу строку.
Скорее всего в интернете куча библиотек для этого - типа такого наверное https://www.google.com/search?num=30&newwindow=1&e...

[copal]

Николай Шабалин: лично мне эта библиотека не поможет.