Поместить картинки в div
нужно из этого 
сделать вот это 
.with-icons < display: flex; justify-content: center; >.icons-for-third-part < display: inline-flex; justify-content: center; border-radius: 50%; width: 37px; height: 37px; background-color: #81868e; >.icons-for-third-part img
подскажите пожалуйста как
Отслеживать
28.7k 22 22 золотых знака 61 61 серебряный знак 143 143 бронзовых знака
Как вписать картинку в div?
А можно как-нибудь вписать image в div фиксированного размера (120×120), чтобы image сжимался, не растягивая див и укладываясь в размер 120×120 (сохраняя пропорции). То есть, если изображение маленькое, 10×20, например, чтобы выглядело как 10×20. Если изображение, 120×180, например, чтобы выглядело как ширинаx120. В общем, если картинка маленькая (меньше 120×120), пусть остается маленькой, как есть. А если большая, пусть пропорционально сжимается, не растягивая родительский div. Но при этом css непосредственно картинке задавать нельзя, только внешним дивам
У меня получилось так, что див растягивается:
.mm <
background-color: blue;
max-width:120px;
max-height:120px;
>
PS: я знаю, что для этой задачи идеально подойдет max-width и max-height для img, но я делаю все на тибко (generalinterface.org), где верстка преобразуется в дивы и css непосредственно для img я задать не могу, только для внешнего дива, отсюда такое странное условие задачи.
Изменено 17 июля 2011 пользователем Kat
Вставить изображение в div
Можно ли как-то вставить изображение в DIV блок, не вытягивая его и не растягивая. Допустим есть блок 200х150 изображение 300х200. Вставить его в блок, отцентрировав и обрезав всё что не вошло!?
Лучшие ответы ( 1 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Как поместить изображение в div
Добрый день! Как можно поместить изображение в div, чтобы оно не вылазило за его пределы? Чтобы.
Изображение шире чем div
Здравствуйте, у меня есть блок шириной 1000px в нем есть полоска шириной в 1px и она повторяется с.
Фон изображение для отдельного div
Может кто сталкивался или может помочь Как сделать для каждого div отдельный фон. Имеется.
Не отображается изображение в теге div в IE/Firefox
Доброго времени суток! Есть html-документ со следующим содержимым: <div >
dev — investigator
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
Сообщение было отмечено allonemoon как решение
Решение
allonemoon, например =>Песочница
div>img src="https://dummyimage.com/300x200/d9d9d9/000000.png">/div>
1 2 3 4 5 6 7 8 9 10 11 12 13
div{ position:relative; border:1px solid red; width:200px; height:150px; overflow:hidden; } img{ position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
Регистрация: 31.10.2015
Сообщений: 262
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь
Как позиционировать изображение внутри блока div
Имеется блок, и картинка. Как отпозиционировать картинку относительно самого блока, а не всей.
Не могу в div вставить фон-картинку
Добрый день! Вопрос до простого прост ). Ну никак не могу в <div> . </div> сделать фон.
Не могу вставить изображение
Суть заключается в том что на странице появляется только иконка изображения,а самого изображения.
Вставить изображение в таблицу
Всем доброго времени суток, решил попробовать написать сайт, сделал вёрстку в виде таблицы, как мне.
Или воспользуйтесь поиском по форуму:
Как вставить картинку большого размера в блок с конкретными шириной и высотой?
Подскажите пожалуйста правильно ли я делаю вставку картинок в блок с конкретной высотой и шириной. Т.е мне надо чтобы картинка с большими размерами масштабировалась под эти габариты 300Х300. Вот мой код
https://jsfiddle.net/oeaw1vx0/
Как при таком способе адаптивным делать изображение? на каждом расширении экрана менять высоту у картинки?
- Вопрос задан более трёх лет назад
- 326 просмотров
2 комментария
Простой 2 комментария