Плавный макет с фиксированным левым и плавным правым краем

#wordpress #css #flexbox #fluid-layout

#wordpress #css #flexbox #плавный макет

Вопрос:

На ЭТОЙ странице у меня есть блоки кода с display: flex; , каждый из которых разделен на 2: div с классом myth-thumb, с фиксированным with и div, содержащий текст, который следует обернуть, чтобы div имел плавную ширину. Но, как ни странно, его код не переносится, поэтому страница слишком белая.

ПРИМЕЧАНИЕ: веб-сайт использует WordPress в качестве CMS.

Я не могу понять причину этой проблемы. Что я должен изменить, чтобы получить желаемый результат? Спасибо!

Комментарии:

1. можете ли вы добавить свою разметку кода и стили

Ответ №1:

Проблема на самом деле в вашем контенте. Когда я смотрю на html в инспекторе инструментов разработки, это выглядит так:

HTML, показывающий неразрывные пробелы между рабочими файлами

Эти amp;nbsp теги — ‘неразрывный пробел’ — отображаются так, как если бы они были обычными пробелами, но они не позволяют разрывать строку. Вам нужно преобразовать эти amp;nbsp; символы в обычные пробелы. Здесь вам может помочь инструмент поиска / замены текстового редактора, или вы можете сделать это программно, в зависимости от серверной части вашего сайта.

Комментарии:

1. Есть ли PHP-способ выполнить эту очистку?