Можно ли разнести символа внутри блока на равные расстояния?

Question

[weranda]

Приветствую.
А можно ли взять несколько символом (букв, чисел и пр.) в блоке (p, div, span и пр.) и расположить их на одинаковом расстоянии между друг другом в блоке, не прибегая к их оборачиванию в теги? Есть ли какое-нибудь правило для символов внутри блока по типу justify-content: space-between[around, evenly] для флексов?

Comments

[Steppp]

Ничего не понял, но очень интересно!
text-align: justify;
letter-spacing: 10px;

[weranda]

Steppp, этот вариант уже рассматривал — не подходит по ряду причин.

[Steppp]

Я не совсем понимаю как надо!
или так, в тексте после букв е расстояния в 2 пробела?

Значе ния - ключе вые слова?

[weranda]

Steppp, Вот пример, наглядный (внутри блока есть три буквы: АБВ).

Вот и хочу понять, можно ли их расположить в блоке с динамической шириной так, как на изображении выше показано.

[RAX7]

weranda,
text-align-last: justify;
https://developer.mozilla.org/ru/docs/Web/CSS/text...
https://kristinlbradley.wordpress.com/2011/09/15/c...

[weranda]

RAX7, Во, работает!

[RAX7]

weranda, если такой вариант подходит, то я вынес его в ответ.

Answer 1

[RAX7]

text-align-last: justify;
https://developer.mozilla.org/ru/docs/Web/CSS/text...
https://kristinlbradley.wordpress.com/2011/09/15/c...

Answer 2

[Nikita Undefined]

pogugli.com/?358052
если расстояние высчитывается по формуле, типа: ширина блока разделить на желаемое количество символов в строке - используйте JS для расчёта letter-spacing

Comments

[weranda]

Да вы, батенька, как я погляжу, юморист (это я о баяне погугли). Каким образом с помощью правила letter-spacing можно расположить, к примеру, три буквы в строке с динамической шириной и так, чтобы первая была прилеплена к левой части блока, вторая — по центру, третья — к правой части?

[Nikita Undefined]

weranda, https://codepen.io/Privetiq/pen/BaKxxZV

[weranda]

Nikita Dev, Ну, для этого варианта надо будет создать на каждый пиксель ширины окна браузера отдельный медиазапрос)
Спасибо за попытку, в комментариях к вопросу RAX7 уже дал ответ.

Answer 3

[Никита Михайлов]

Свойств таких нет. Разбивайте символы отдельно. Например, можно с помощью JS

Comments

[weranda]

RAX7 и я с вами не согласны)

[Никита Михайлов]

Ну надеюсь полная поддержка всех браузеров не нужна