25 января 2013 в 19:35
Здравствуйте!
Подскажите?
Вывожу картинки разных размеров, какие то широкие, какие ту высокие.
Нужно img растянуть/сжать до размера внешнего дива, соблюдая масштаб, и при это по центру что бы был, а то она к верхнему-левому краю прилипает.
пока удалось только растянуть/сжать до размера внешнего дива, соблюдая масштаб.
А вот по центру не получается? КАК?
<div class="div">
<img class="img" />
</div>
<img class="img" />
</div>
.div{
width: 880px;
height: 588px;
}
.img{
max-width: 880px;
max-height: 588px;
width: auto;
height: auto;
}
width: 880px;
height: 588px;
}
.img{
max-width: 880px;
max-height: 588px;
width: auto;
height: auto;
}
Комментарии
.node-sample .field-name-field-sample-img{
display: table-cell;
text-align: center;
vertical-align: middle;
width: 880px;
height: 588px;
}
.node-sample .field-name-field-sample-img img{
max-width: 880px;
max-height: 588px;
width: auto;
height: auto;
}