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

Question

Как установить изображения в центре карусели (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>

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

Bhushan Patil 05 сен. 2016, в 17:56

Источник

Теги:

html

angularjs

css

onsen-ui

1 ответ

Ещё вопросы

erol_smsr · Accepted Answer · 2016-09-05T14-24-00.000Z

Пытаться

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

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

ons-carousel-item img {
    margin-left: auto;
    margin-right: auto;
}