MMGP logo
Присоединяйтесь к нашему инвестиционному форуму, на котором уже 650,304 пользователей. Чтобы получить доступ ко многим закрытым разделам и начать общение - зарегистрируйтесь прямо сейчас.
Создание сайта: от А до Я. Менеджмент вашего Контента. Обсуждение Систем Управления Сайтом (CMS) Content Management Systems (например: DLE, Joomla, Drupal, Bitrix и др.), Движков Форумов (например: Vbulletin, IPB, phpBB). Сервисы и услуги по созданию сайта
Первый пост Опции темы
Старый 14.02.2017, 10:57
#1
 
Регистрация: 02.02.2017
Сообщений: 2
Благодарностей: 0
Ширина в css равная вложенному элементу

Привет. Такой вопрос. Как сделать ширину блока в css равной вложенному в него элементу?

Пример. У меня на сайте есть блок div, в который я кладу картинки. Но картинки все разной ширины. Сейчас мне приходится делать этот блок фиксированной ширины, а ко всем картинкам я прописал максимальную ширину (которая не превышает ширины блока).

Вот так у меня сейчас:

<div>
<img src="картинка.jpg">
</div>

Вот. Какие стили прописать диву, чтобы он подстраивался под размер вложенной в него картинки?

Для чего я это делаю? Я просто хочу, чтобы у каждой картинки была рамка и подпись. Просто рамку прописать к картинке не вариант, тогда с подписью что делать?
zveen вне форума
Старый 14.02.2017, 17:56
#2
Любитель
 
Пол: Женский
Инвестирую в: Свой бизнес
Регистрация: 16.07.2013
Сообщений: 835
Благодарностей: 263
Re: Ширина в css равная вложенному элементу

Попробуйте вот этот стиль:

img {max-width:100%;height:auto;}

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