как сделать что бы при выходе картинки за пределы блока, она там не отображалась?
Есть картинка, которая выходит за пределы блока, как сделать что бы та часть которая выходит за пределы блока не отображалась, т.е. картинка как бы обрубалась?
Ответы (1 шт):
Автор решения: Rikky
→ Ссылка
В стилях родительского элемента (предположим, он имеет класс parent)
.parent {
overflow: hidden;
}
Либо можно не создавать CSS файл, написать напрямую в HTML:
<div style="overflow: hidden">
<img src="image.jpg">
<div>
P.S.: Хорошей практикой считается первый вариант