Есть что-то среднее между и?

Question

[Ingernirated]

Доброй ночи, такая ситуация.
Есть куча текста с заголовками и переносами строк
В <p> это выглядит всё в одну строку при копировании в ряд.
В <pre> это всё по ширине не влазит и соответственно создается прокрутка в бок.
Как можно при занесении огромного количества текста избежать прокрутки в бок и при этом получить переносы, которые есть в тексте?

Comments

[Stalker_RED]

между и?

Answer 1

[Slasherr]

overflow-y: hidden; Если я вас правильно понял

Comments

[Ingernirated]

исправил вопрос, забыл в код обернуть теги
нет, мне нужно, чтобы текст мог красиво переносится вниз, когда по ширине уже не влазит
но при использовании <pre> он не переносится, а растягивает дальше строку.
при использовании <p> не соблюдается каждый перенос, который мы оставили в htmlразметке

т.е. было
привет весна,
пока осень,
снеговик

в <p> отобразит всё в одну строку, а хотелось бы в 3, но т.к. текста очень много, было бы не желательно каждый перенос редактировать.

Answer 2

[Stalker_RED]

Не совсем понятно что там у вас происходит, лучше бы пример.

На всякий случай вот несколько свойств влияющих на перенос:
overflow-wrap
word-break
white-space

Ну и overflow

Comments

[Ingernirated]

исправил вопрос, забыл в код обернуть теги
нет, мне нужно, чтобы текст мог красиво переносится вниз, когда по ширине уже не влазит
но при использовании <pre> он не переносится, а растягивает дальше строку.
при использовании <p> не соблюдается каждый перенос, который мы оставили в htmlразметке

т.е. было
привет весна,
пока осень,
снеговик

в <p> отобразит всё в одну строку, а хотелось бы в 3, но т.к. текста очень много, было бы не желательно каждый перенос редактировать.

[Ingernirated]

спасибо, white-space то, шо надо )

Answer 3

[Егор Живагин]

Почти уверен, что переносы не сохранятся. А заголовки было бы логично вставлять в отдельные блоки. То есть Заголовок1+текст1---Заголовок2+текст2---...

Чтобы не было прокрутки можно влепить какой-нибудь max-width элементу. Ну и свойства от Stalker_RED глянуть

Comments

[Ingernirated]

исправил вопрос, забыл в код обернуть теги
нет, мне нужно, чтобы текст мог красиво переносится вниз, когда по ширине уже не влазит
но при использовании <pre> он не переносится, а растягивает дальше строку.
при использовании <p> не соблюдается каждый перенос, который мы оставили в htmlразметке

т.е. было
привет весна,
пока осень,
снеговик

в <p> отобразит всё в одну строку, а хотелось бы в 3, но т.к. текста очень много, было бы не желательно каждый перенос редактировать.

Answer 4

[Ankhena]

Как можно при занесении огромного количества текста избежать прокрутки в бок

Применить форматирование кода (Ctrl+Alt+L или тип того)

при этом получить переносы, которые есть в тексте?

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

Comments

[Ingernirated]

исправил вопрос, забыл в код обернуть теги
нет, мне нужно, чтобы текст мог красиво переносится вниз, когда по ширине уже не влазит
но при использовании <pre> он не переносится, а растягивает дальше строку.
при использовании <p> не соблюдается каждый перенос, который мы оставили в htmlразметке

т.е. было
привет весна,
пока осень,
снеговик

в <p> отобразит всё в одну строку, а хотелось бы в 3, но т.к. текста очень много, было бы не желательно каждый перенос редактировать.

[Ankhena]

Ingernirated: Как приручить text-align: justify?