Как сделать перенос строки наверх?

Question

[Nikolay2024]

Делаю калькулятор и хочу, чтобы строки переносились выше.
word-wrap: break-word и подобные переносят строку вниз. А как можно сделать, чтобы последующие строки начинались выше предыдущих?

Например:

+7+8+9
+4+5+6
1+2+3

Comments

[ProjectSoft]

https://developer.mozilla.org/en-US/docs/Web/API/E...
Оно?
Если просто текст
text = `value` + text

[Nikolay2024]

Имеется ввиду что-то типа этого?
Чтобы при клике проверяло длину и добавляло новый элемент в html?

const oneString = document.querySelector('p')
const twoString = document.createElement('p')

if (oneString.textContent.length > 20) {
    twoString.textContent = oneString.textContent
    oneString.textContent = ''
}

oneString.prepend(twoString)

[ProjectSoft]

Nikolay2024, да

[Nikolay2024]

Понял, спасибо

Answer 1

[Вадим]

По умолчанию средствами css такого можно добиться только с помощью writing-mode: vertical-lr и transform: rotate(-90deg)
Вариант этот так себе, поэтому лучше JS - на каждый перенос строки (он же не автоматический?) помещать весь предыдущий текст в отдельный элемент, и добавлять в блок выше, ну а там уже и делать особо ничего не надо. display:flex; flex-direction: column или просто создавать блочные элементы.

Если перенос всё же автоматический, то только вариант на css

Comments

[Nikolay2024]

Ладно, буду реализовывать в JS. Просто думал, может через CSS можно написать одним свойством. Спасибо)