首页 > 解决方案 > 离子4标签栏溢出

问题描述

我想要这样的布局:在此处输入图像描述

但是得到了这个:在此处输入图像描述

我的按钮被标签栏切割。我该如何解决这个问题?
我尝试为所有标签添加“溢出:可见”,但它不起作用。
我的模板:

.place-button-wrapper{
    position: absolute;
    bottom: 20px;
}
<ion-tabs>
...
    <ion-tab-button tab="places">
      <div class="place-button-wrapper" >
        <img class="tabs-icon" src="assets/icons/mapiconelepse.png" alt="">
      </div>
    </ion-tab-button>
...
</ion-tabs>

标签: cssangulartypescriptionic-frameworkionic4

解决方案


我解决了这个问题,只需在我的 ion-tabs 中添加“包含:无”。


推荐阅读