Ionic 带有工具栏的离子页脚可去除多余空格

qcuzuvrc 于 2023-03-16 发布在 Ionic

关注(0)|答案(1)|浏览(143)

我在离子工具栏的离子页脚中创建了一个全尺寸按钮，代码如下所示

<ion-footer class="ion-no-border">
  <ion-toolbar style="--background:white">
    <ion-buttons>
      <ion-button (click)="continue()" color="secondary" fill="solid" class="sb-block-button">Save</ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>

然而有一个缺口在右边在这页脚.我不想要那并且失败到删除它.什么shoudl是做？这是它看起来如何

ionic-framework

来源：https://stackoverflow.com/questions/75718204/ionic-footer-with-toolbar-removing-extra-spacing

1条答案

按热度按时间

jexiocij1#

我相信你已经为按钮设置了一些CSS，但是看起来效果不好。首先，按钮不在中间，所以在这里添加一些CSS：

.sb-block-button {
    ......
    left: 50%;
    transform: translateX(-50%);
}

第二，按钮长度可能不够宽。所以在同一个地方调整宽度/边距。你可以自己做。希望它能起作用。

赞(0）回复(0）举报 2023-03-16

我来回答

Ionic 带有工具栏的离子页脚可去除多余空格

1条答案

相关问题

热门标签

最新问答