Задать вопрос

Как задать размер figcaption по ширине картинки?

Можно ли задать ширину figcaption в зависимости от ширины img?
Если не указана ширина figure или figcaption, то подпись не переносится, а занимает большую ширину, чем img.
figure { display: inline-block; }
img { width: 300px; }
<figure>
	<picture>
		<img src="pict.jpg">
	</picture>
	<figcaption>Очень очень длинное описание прекрасной картинки.</figcaption>
</figure>
  • Вопрос задан
  • 624 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@SergNewman
figure { display: table; }
figcaption { display: table-caption; caption-side: bottom ; }

Вот!
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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