Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.85/124: Рейтинг темы: голосов - 124, средняя оценка - 4.85
mkscorp
1

Как обрезать изображения в CSS без нарушения пропорций?

15.08.2013, 20:25. Просмотров 22714. Ответов 3
Метки нет (Все метки)

Товарищи!
Есть Div. В нем есть картинка произвольного размера (горизонтальная или вертикальная).
Задача средствами CSS показать (растянуть и обрезать) изображение без нарушения пропорций. То есть скорее всего вертикальные изображения должны обрезаться сверху и снизу, а горизонтальные по бокам.
Заранее спасибо.
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
15.08.2013, 20:25
Ответы с готовыми решениями:

Обрезать изображения без сжатия
Необходимо не сжимать изображения, а все что не вслезло в заданные размеры, обрезать изображения....

Как подогнать размеры изображения к размерам div с сохранением пропорций
Добрый день. Имеется div, например: <style> div.imgborder { width:50vw; height:58.3vw; } ...

Как реализовать без нарушения инкапсуляции?
Это код из Form1.cs Ошибка в этой строке (foreach (Seat seat in Seat.seat) // Поиск выбранного в...

Как обрезать углы на css?
Подскажите. Как сверстать вот такие вот блоки?

3
161 / 161 / 11
Регистрация: 07.09.2011
Сообщений: 995
15.08.2013, 20:47 2
сделать картинку бэкграундом, позиционировать по центру, добавить свойство оверфлоу хидден
0
Не мoдepaтор
340 / 315 / 94
Регистрация: 07.07.2012
Сообщений: 1,021
Записей в блоге: 7
15.08.2013, 20:53 3
создать Div и указать max-width и max-height, картинка таким образом будет позиционировать внутри блока
0
269 / 261 / 35
Регистрация: 21.02.2012
Сообщений: 1,078
16.08.2013, 14:22 4
блоку в котором будет картинка прописать overflow:hidden;
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
16.08.2013, 14:22

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

Масштабирование изображения с соблюдением пропорций
Добрый день. Как отмасштабировать при помощи CSS/html любое изображение до нужных предельных...

Как правильно сверстать эфект появления невидимого блока без нарушения текущего расположения остальных
Добрый день. Хотелось бы узнать, может кто то сталкивался с подобным, а то пока столько не пробую у...

Алгоритм уменьшения изображения с сохранением пропорций
Приветствую. Имеется набор картинок произвольного разрешения, подскажите алгоритм, для уменьшения...

Как обрезать массив без копирования
Возник такой вопрос, простой как кирпич. Как обрезать одномерный массив без копирования в C#. Вот...

Изменить размер изображения с сохранением пропорций, обрезав лишнее
Доброго времени суток! Не знаете - есть ли библиотека или готовая функция, способная автоматически...

управление шириной и высотой изображения в зависимости от его пропорций
Всем по привету! Такой вопрос есть вот это <img id="icon"> Нужно на джаве определить...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.