我的应用程序看起来像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>

最佳答案

请尝试以下方法:

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

关于css - ionic 3-将图像 float 到容器的右侧,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45760602/

10-13 02:52