Свойство css, которое вы ищете - white-space
.
У меня была такая же проблема, и это было из-за этого css:
pre {
white-space: pre-line;
}
Чтобы исправить это, я добавил white-space: pre-wrap;
к правилу code
:
code {
font-family: "Menlo", "Courier New", "Courier", monospace;
font-size: 0.85rem;
border: 0.0625rem solid rgba(255,255,255,0.7);
background-color: rgba(255,255,255,0.5);
border-radius: 2px; color: #2DAB5F; /* #2DAB5F */
text-shadow: none;
white-space: pre-wrap;
}
Вы можете увидеть все опции пробела здесь .
Вероятно, вас интересуют два:
pre
: пробелы сохраняются браузером. Текст будет перенесен только на разрывы строк. Действует как тег в HTML
pre-wrap
: пробелы сохраняются браузером. Текст будет перенесен, когда это необходимо, и на разрывы строк
Используемая мною css имеет максимальную ширину, поэтому нередки случаи переноса строк. Я предпочел pre-wrap
, который переносится словами, а не pre
, который переносится в середине слова.