Как вывести каждое слово с новой строки

Как вывести каждое слово с новой строки

3 сентября 2018

Кастомизация обновляемых тем интересна тем, что для решения многих тривиальных задач приходится проявлять смекалку. Я недавно рассказывал, как изменить стиль некоторых элементов в тексте без внесения изменений в HTML-код. Сегодня продолжу и покажу, как вывести все слова с новой строки.

Топ 10 продающих лендингов для Вордпресс

Согласитесь, открыть исходный код и проставить тег BR после каждого слова немного скучно. Тем более с обновляемыми темами этот способ не пройдет. Потому что после очередного обновления все изменения, внесенные непосредственно в код темы, просто пропадут.

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

Многие задачи фронтенда чаще всего решаются с помощью одного лишь CSS. В некоторых случаях вкупе с JavaScript. И это самый оптимальный путь.

Чтобы решить нашу задачу и вывести все слова в тексте с новой строки, можно просто задать тексту стиль:

p {
	display: table-caption;
}

И все — никаких BR, никакой магии.

Всё самое новое и интересное из мира Вордпресс в моём Телеграм-канале. Подписываемся!

Популярное в этом месяце

Подпишитесь на рассылку и получайте новые материалы на электронную почту

Иван Данилин
Автор: Иван Данилин

Практикующий веб-разработчик, специализируюсь на платформе Вордпресс.

Добавить комментарий

Лучшие премиум-темы для Вордпресс с пожизненной поддержкой
Подробнее