如何修复 IonSlide 内 div 内的按钮?
how to fix a button inside a div that is inside an IonSlide?
我在 IonSlides 中包含三个组件。我想修复该 IonSlides 底部组件的“注册”按钮。我该怎么办?
Register.tsx:
<IonContent>
<IonSlides>
<IonSlide>
<Search/>
</IonSlide>
<IonSlide>
<.../>
</IonSlide>
<IonSlide>
<.../>
</IonSlide>
</IonSlides>
</IonContent>
Search.tsx:
...
return (
<div>
<div>
<StyledBody>
...
</StyledBody>
</div>
<div
css={css`
position:sticky;
bottom:0;
overflow:inherit;
`}>
<StyledButton>
Registration
</StyledButton>
</div>
</div>
);
尝试将此 css 添加到包含您的按钮的 div:
display: flex;
align-items: flex-end;
我在 IonSlides 中包含三个组件。我想修复该 IonSlides 底部组件的“注册”按钮。我该怎么办?
Register.tsx:
<IonContent>
<IonSlides>
<IonSlide>
<Search/>
</IonSlide>
<IonSlide>
<.../>
</IonSlide>
<IonSlide>
<.../>
</IonSlide>
</IonSlides>
</IonContent>
Search.tsx:
...
return (
<div>
<div>
<StyledBody>
...
</StyledBody>
</div>
<div
css={css`
position:sticky;
bottom:0;
overflow:inherit;
`}>
<StyledButton>
Registration
</StyledButton>
</div>
</div>
);
尝试将此 css 添加到包含您的按钮的 div:
display: flex;
align-items: flex-end;