Question

我的代码类似于

<ion-header>
  <ion-toolbar>
    <ion-title><ion-row><ion-col text-center>MY APP</ion-col></ion-row></ion-title>
  </ion-toolbar>
</ion-header>

<ion-content fullscreen>
<div style="padding-top:300px;padding-left:20px">
      <ion-slides pager="false" [options]="slideOpts">
          <ion-slide>
              <ion-card>
                  <ion-card-header style="color:white">TRENDING</ion-card-header>
                  <ion-card-content>

                  </ion-card-content>
                </ion-card>
          </ion-slide>
          <ion-slide>
              <ion-card style="background-color:darkslateblue;opacity: 0.9;min-width:200px;height:200px">
                  <ion-card-header style="color:white">Events</ion-card-header>
                  <ion-card-content>

                  </ion-card-content>
                </ion-card>
          </ion-slide>
        </ion-slides>

  </div>
</ion-content>

如果您看到div里面的ion-content有padding-top 300px。但这不是使我的离子滑槽始终滑到底部的正确方法。我该如何实现？

Answer 1

要更改任何Dom的位置，我可以通过以下几种方式编写以下两种方式：

1-通过使用flex。（https://css-tricks.com/snippets/css/a-guide-to-flexbox/）

2-通过使用位置并将bottom设置为0；（https://www.w3schools.com/css/css_positioning.asp）

离子4：将含量推向离子含量的底部

1 个答案: