首页 文章

离子:从底部开始的位置按钮

提问于
浏览
1

在离子中如何从底部离子含量中按一定百分比的按钮?

我试过了

<ion-view>
   <ion-content>
       <div class="button-bottom">
         <button class="button button-block button-energized">Button</button>
       </div>
   </ion-content>
</ion-view>

CSS:

.button-bottom{
position: absolute;
bottom: 30%;
}

但按钮现在没有占据整个宽度 .

2 回答

  • 1

    尝试给容器一个明确的宽度:

    .button-bottom{
    position: absolute;
    bottom: 30%;
    width: 100%;
    }
    
  • 4

    button 中添加“ full ”变量

    例如: - button class="button button-block button-energized" full >Button</button >

    有关更多参考,请参阅以下链接中的UI组件上的Ionic Documentation .

    Ionic Full Button

相关问题