Выползание длинных ссылок из блока в двух-колоночной верстке

Встретил ошибку в верстке шаблона на WordPress. Дизайн шаблона предполагает, что список постов идёт в двух колонках. Всё бы ни чего, но у меня есть длинные ссылки или длинные «слова» в описании постов, и эти посты вылезают за пределы колонки. А решается всё просто.

Вот как это выглядит:

Выползание длинных ссылок из блока в духколоночной верстке

рассмотрел html код поближе и понял, что проблема в теге <p>.

Решить проблему просто. Нужно добавить свойство «overflow-wrap: break-word«.

Это заставит блок разделять чрезмерно длинные «слова» и переносить их на новую строчку.

Теперь выглядит так как и должно:

Исправление выползания длинных ссылок из блока в духколоночной верстке

(Просмотров всего: 251, просмотров сегодня: 1)

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

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.