离子3-如何使段落高度与幻灯片高度相同？

Question

我正在尝试将带有背景的段落放入幻灯片中。背景不能适合幻灯片高度。我检查了很多方法但结果相同。

这里是我的代码

<ion-slides>
  <ion-slide style="align-items: flex-start; height:auto;">
    <p style="white-space:initial; background-color:lightGray" text-justify>
            Text text text text text text text text text text text text text text text text text text text
        </p>
    </ion-slide>
    <ion-slide style="align-items: flex-start; height:auto;">
        <p style="white-space:initial; background-color:lightGray" text-justify>
            Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 
        </p>
    </ion-slide>
</ion-slides>

这里的屏幕截图说明了所需解决方案的问题

Answer 1

<Dropdown
      placeHolder="Select Department"
      label="Department:"
      id="Basicdrop1"
      ariaLabel="Department"
      options={[

        { key: 'A', text: 'Option a' },
        { key: 'B', text: 'Option b' },
        { key: 'C', text: 'Option c'},
        { key: 'D', text: 'Option d' },
        { key: 'E', text: 'Option e' },
      ]}
      onFocus={() =>console.log('onFocus called')}
      onBlur={() =>console.log('onBlur called')}
      componentRef={this._basicDropdown}
    />