Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Как выровнять изображение в слайдере?

Как выровнять изображение в слайдере?


     13.11.2016    Все вопросы » Стили (CSS)    527

вопрос
Использую на своем сайте слайдер (flexslider) на всю ширину сайта, подскажите, как можно выровнять изображение в нем? Сейчас выводит верх изображения, а хотелось бы чтобы попадало все.
Как выровнять изображение в слайдере?

Используются такие стили
.flexslider .slides img {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 2px;
}

Ответа пока нет


1 комментарий

karakymv
Юзер

karakymv - 21 ноября 2016 14:11 -

попробуй добавить
vertical-align: middle;
идеальный вариант, передавать url изображения не в свойство src="" тега img а в background-image: url(); фиксированного блока. То есть делаешь блок фиксированной высоты, в шаблонах сайта тег {image-1} ставишь в блоке в свойство style="background-image:url({image-1});"
А в стилях для этого блока ставишь такое:
background-size: cover;
background-position: center;
И будет тебе счастье.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх