@Ivanushka255

Как сделать border, зависящий от ширины контента?

Я хочу сделать так, чтоб бордер блока принимал те размеры, которые имеет блок, а размеры блока в свою очередь зависят от его содержимого. Это может легко получиться, если задать бордер блоку с текстом с width: auto. Но у меня вот что:
5fb5624b52181767524871.png
То есть все фото должны быть в бордере. И так все ок, но когда я уменьшаю окно браузера, бордер почему-то снова идет на ширину всей области просмотра.
5fb562ec26c45774265569.png
Код:
  • Вопрос задан
  • 429 просмотров
Пригласить эксперта
Ответы на вопрос 2
Интересный случай, по идее всё должно работать.
Если добавить родителю (.wrapper) свойство white-space: break-spaces, то всё работает, но почему, не понятно.
Ответ написан
Комментировать
Odisseya
@Odisseya
Оптимизирую PageSpeed & Performance
Задайте для .wrapper width: min-content;

fit-content работает так — если родительский элемент может предоставить текущему элементу значение ширины больше чем max-content, то fit-content = max-content.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы