Как установить изображения в центре карусели (Onsen-UI)

0

Я использую Onsen-ui с угловыми. Я пытаюсь установить изображения в центре карусели, но они всегда выровнены слева, вот мой код

<ons-carousel direction="horizontal" style="height: 62.5%; background-color: blue;" swipeable auto-scroll overscrollable id="carousel">

<ons-carousel-item style="margin: auto">
  <img src="images/carousel1.jpg" style="margin: auto; height: 100%">
</ons-carousel-item >

<ons-carousel-item style="margin: auto">
  <img src="images/carousel2.jpg" style="height: 100%; margin: auto"> 
</ons-carousel-item>

<ons-carousel-item style="margin: auto">
   <img src="images/carousel3.jpg" style="height: 100%; margin: auto">
 </ons-carousel-item>

пожалуйста, помогите мне решить эту проблему

Теги:
onsen-ui

1 ответ

0
Лучший ответ

Пытаться

ons-carousel-item {
    text-align: center;
}

Если это не работает:

ons-carousel-item img {
    margin-left: auto;
    margin-right: auto;
}
  • 1
    Спасибо "text-align: center;" сработало.
  • 0
    Пожалуйста ;)
Сообщество Overcoder
Наверх
Меню