1

Есть картинка, мне ее надо скрыть на половину, то есть я на половину ее загоняю за пределы блока в котором она находится.

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

4
  • 1
    Добавить overflow:hidden контейнеру, который содержит картинку и прочий контент. Тогда всё, что за пределами контейнера, будет скрыто
    – lexxl
    26 июл 2016 в 8:35
  • Спасибо, помогло) Это круто! 26 июл 2016 в 8:36
  • Оформил в виде ответа. Ответ можно принять галочкой слева от ответа. Был рад помочь!
    – lexxl
    26 июл 2016 в 8:38
  • 1
    Ок, приму, тут ограничитель в 10 минут) 26 июл 2016 в 8:39

2 ответа 2

9

Необходимо добавить overflow: hidden контейнеру, который содержит картинку и прочий контент. Тогда всё, что за пределами контейнера, будет скрыто.

Источник: Свойство overflow

hidden Отображается только область внутри элемента, остальное будет скрыто.

2

Создай div блок и помести в него изображение. В стиле для div укажи overflow: hidden;

.test {
  height: 524px;
  width: 250px;
  overflow: hidden;
  float: left;
}
h1 {float: right;}
<div class='test'>
  <img src='http://cdn1.macworld.co.uk/cmsdata/features/3605337/MacbookAir11_lifestyle_15_thumb800.jpg'>
</div>
<h1>Половина изображения</h1>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.