离子3 - 浮动图像到容器的右侧

Question

我的应用看起来像this。

请注意标题图像与代码保持对齐。即使浮动也是对的。我该如何解决？

<ion-slides direction="vertical" speed="1000" slidesPerView="1">
  <ion-slide  class="site-slide"  style="background-color:#2298D3">
    <ion-card style="height:300px;float:right">
      <img src="http://www.segalpetroniru.com/images/Consulting-Services-Hero-Image-Secondary.jpg" />
    </ion-card>
  </ion-slide>

Answer 1

请试试这个：

.swiper-slide img {
    width: auto;
    max-width: 100%;
    float: right;
    height: auto;
    max-height: 100%;
}

Answer 2

将float-right添加到您的<img> - 代码：

<img src="yourUrl" float-right/>

这将使您的图像浮动到包含元素的右侧。