在离子项目内部将元素堆叠在彼此之下

Question

我正在尝试将一个项目垂直堆叠在一个离子项目内：

<ion-item>    
  <ion-item-divider style="width: 100%;" item-content>
    <h4>Questions</h4>
  </ion-item-divider>
  <ion-item item-content style="width: 100%;" class="no-border">
    <label style="width: 100%;" item-content>This is a label</label>
  </ion-item>
  <ion-toolbar style="width: 100%;" item-content class="transparent-toolbar" text-center>
    <button ion-button icon-only type="button">
      <ion-icon name="add"></ion-icon>
    </button>
    <button ion-button icon-only type="button" >
      <ion-icon name="trash"></ion-icon>
    </button>
  </ion-toolbar>
</ion-item>

但是它不起作用，输出看起来像这样：

这是显示问题的STACKBLITZ。

Answer 1

为此使用<a href="files/pdf-sample.pdf">。

在 Stackblitz

上进行演示

<ion-list>