Size: a a a

JavaScript — русскоговорящее сообщество

2020 October 19

SV

Sla V in JavaScript — русскоговорящее сообщество
Ivan Petrov
Мб там просто каждая строка в отдельном теге?
Слева нет, справа да(я про его примеры)
источник

IP

Ivan Petrov in JavaScript — русскоговорящее сообщество
Sla V
Слева нет, справа да(я про его примеры)
Ну я о том и говорю
источник

NN

No Name in JavaScript — русскоговорящее сообщество
Sla V
Чекай
ну да, а там где строка разрывается слева и справа прямоугольники. А нужно автоматизировать, когда браузер сжимается то строки переносятся.
источник

NN

No Name in JavaScript — русскоговорящее сообщество
Ivan Petrov
Мб там просто каждая строка в отдельном теге?
так можно сделать но это статика будет, а нужно динамически менять
источник

SV

Sla V in JavaScript — русскоговорящее сообщество
No Name
ну да, а там где строка разрывается слева и справа прямоугольники. А нужно автоматизировать, когда браузер сжимается то строки переносятся.
Так у тебя то то же самое в примере
источник

NN

No Name in JavaScript — русскоговорящее сообщество
Sla V
Так у тебя то то же самое в примере
мне нужно сделать как справа на черном фоне, а у меня выходит как слева
источник

SV

Sla V in JavaScript — русскоговорящее сообщество
Динамически не получится
источник

SV

Sla V in JavaScript — русскоговорящее сообщество
No Name
мне нужно сделать как справа на черном фоне, а у меня выходит как слева
Максимум, что ты можешь динамически узнавать, так это то, какое количество у тебя строк текста в блоке(через line-height и высоту блока)
источник

SV

Sla V in JavaScript — русскоговорящее сообщество
No Name
мне нужно сделать как справа на черном фоне, а у меня выходит как слева
Или можно так. Если шрифт моноширинный и ширина блока будет фиксированной, то ты можешь порезать строку и засунуть в span. А дальше играть с медиазапросами как в js так и в css
источник

NN

No Name in JavaScript — русскоговорящее сообщество
Sla V
Или можно так. Если шрифт моноширинный и ширина блока будет фиксированной, то ты можешь порезать строку и засунуть в span. А дальше играть с медиазапросами как в js так и в css
корчое закруглить так и не получилось, но максимум что я мог сделать так вот это так, оно работает в автоматическом режиме и подстраивается под любое количество текста и экран, думаю нормально.

https://prnt.sc/v25s8e
источник

SV

Sla V in JavaScript — русскоговорящее сообщество
No Name
корчое закруглить так и не получилось, но максимум что я мог сделать так вот это так, оно работает в автоматическом режиме и подстраивается под любое количество текста и экран, думаю нормально.

https://prnt.sc/v25s8e
Попробуй так, как я тебе написал выше, последнее сообщение. Может это решение тебе подойдёт
источник

NN

No Name in JavaScript — русскоговорящее сообщество
Sla V
Попробуй так, как я тебе написал выше, последнее сообщение. Может это решение тебе подойдёт
ок
источник

DM

Denys Mikhalenko in JavaScript — русскоговорящее сообщество
Можно скриптом обернуть в <span> каждое слово
Тогда можно сделать динамически
источник

SV

Sla V in JavaScript — русскоговорящее сообщество
Denys Mikhalenko
Можно скриптом обернуть в <span> каждое слово
Тогда можно сделать динамически
И как же ты узнаешь на каком спане строка заканчивается?
источник

DM

Denys Mikhalenko in JavaScript — русскоговорящее сообщество
А зачем?
источник

SV

Sla V in JavaScript — русскоговорящее сообщество
В смысле. У него по несколько слов в одной строке. Только строкам нужно бордер делать, а не каждому слову
источник

DM

Denys Mikhalenko in JavaScript — русскоговорящее сообщество
источник

DM

Denys Mikhalenko in JavaScript — русскоговорящее сообщество
так?
источник

SV

Sla V in JavaScript — русскоговорящее сообщество
Ага
источник

DM

Denys Mikhalenko in JavaScript — русскоговорящее сообщество
Ну это скрин из песочницы
источник