Почему все мои блоки кода добавляют горизонтальные полосы прокрутки?

Question

Я должен сказать, что я не знаю CSS, но я хочу узнать, если это то, что нужно, но я не знаю, с чего начать.

Некоторая информация, и я запускаю по умолчанию Тема Wordpress двадцать двадцать ...

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

Есть ли кто-нибудь, кто мог бы помогите мне удалить их

Данный пост находится здесь, и они видны по всей странице

https://embeddedsam.blog/2020/05/02/getting-started-with-modustoolbox-and-visual-studio-code/

С наилучшими пожеланиями

Sam

Answer 1

Вам понадобится go в WP Customizer для темы TwentyTwenty по умолчанию и искать панель Additional CSS в нижней части настройщика. Затем добавьте следующее:

.wp-block-code{
     white-space: break-spaces;
}

По сути, это говорит блоку кода, что он должен переходить на новую строку, когда он достигает конца ограничений контейнера, затем он ищет ближайший «пробел», прежде чем какое-либо слово попадет край и начинает новую строку в этом месте.