css - Ionic 4 标签栏溢出

标签 css angular typescript ionic-framework ionic4

我想要这样的布局:enter image description here

但是得到了这个:enter image description here

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

.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>

最佳答案

我解决了这个问题,只是将“contain: none”添加到我的 ion-tabs。

关于css - Ionic 4 标签栏溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54438631/

相关文章:

html - 引导行在左侧和右侧具有固定宽度的列

javascript - 上传图片,随机播放并显示

html - 如何缓解 Angular 中的加载屏幕?

string - 在 Typescript(对于 Angular 4)中检查字符串相等性的正确方法是什么

typescript - 为什么我的 FormData 对象总是空的?

javascript - 在 iframe 中隐藏内容?

angular - 删除 HttpParams 中的空参数

css - Mat-autocomplete 宽度不随输入主机上的动态宽度调整

javascript - MongoDB 按 (id1, id2) 或 (id2,id1) 分组

css - 如何在不修改母版页的情况下将 CSS 添加到内容页?