Главная arrow icon Вопросы arrow icon Технологии arrow icon JavaScript,Ajax,HTML arrow icon Приветствую, подскажите пожалуйста как сделать так,…

Приветствую, подскажите пожалуйста как сделать так, чтобы картинки (слайдшоу) не выходили за предел блока. - вопрос №2430135

Проблема в том что картинка(1) вылазят за предел блока, а должна быть в рамке (2) как показано на скрине ниже…
screenshot.ru/upload/image/zFUH
Заранее спасибо!
Endrew
26.04.17
Технологии / JavaScript,Ajax,HTML
1 ответ

Лучший ответ по мнению автора

Рейтинг: 53 181
Здравствуйте. Задайте область для картинок
типа того:
<html>
<head>

<style type=«text/css»>
.img_wrap {
    width: 150px;
    height: 200px;
    overflow: hidden;  
    line-height: 185px;
    text-align: center;
    }

    .img_wrap img {
        max-height: 200px;
        max-width: 150px;
        vertical-align: middle;
        }
</style>
</head>
<body>
<div class=«img_wrap»>
<img src=«image.jpg»
</div>
</body>
</html>
Если обрезать картинку захотите-  закомментируйте        
max-height: 200px;
max-width: 150px;
в img_wrap
26.04.17
Лучший ответ по мнению автора
Посмотреть всех экспертов из раздела Технологии > JavaScript,Ajax,HTML
Похожие вопросы
Пользуйтесь нашим приложением Доступно на Google Play Загрузите в App Store
  • карты visa
  • карты master card
  • карты maestro
  • карты МИР
Мы используем файлы cookie. Пользуясь сайтом, вы принимаете условия нашего соглашения. Принять Детальнее