离子:自下而上的位置按钮
离子:自下而上的位置按钮
提问于 2016-06-08 03:00:10
在ionic中，我如何将按钮放在离底部离子含量一定百分比的位置？
我试过了
<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%;
}但是按钮现在不是全宽的。
回答 3
Stack Overflow用户
发布于 2016-06-08 03:04:41
尝试给你的容器一个明确的宽度：
.button-bottom{
position: absolute;
bottom: 30%;
width: 100%;
}Stack Overflow用户
发布于 2017-09-08 19:40:59
在button中添加"full“变量
例如：- button class="button button-block button-energized" full >Button</button>
有关更多参考信息，请参阅以下链接中有关UI组件的Ionic文档。
Stack Overflow用户
发布于 2019-12-27 02:29:26
只需将按钮移动到离子内容之外即可。
示例：
离子3：
<ion-view>
<ion-content>
</ion-content>
<div class="button-bottom">
<button class="button button-block button-energized">Button</button>
</div>
</ion-view>离子4：
<ion-header>
<ion-toolbar>
<ion-title>Example</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<p> your content </p>
</ion-content>
<ion-row>
<ion-col>
<ion-button>
Button Bottom (Not fixed on scroll)
</ion-button>
</ion-col>
</ion-row>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37687276
复制相关文章
相似问题
腾讯云开发者
