简体   繁体   English

温泉UI:按钮,底部对齐

[英]Onsen UI: button, aligned to bottom

I'm creating application using onsen-ui. 我正在使用onsen-ui创建应用程序。

Here is code for my "delete" button 这是我的“删除”按钮的代码

<div class='form-well'>
    <br><br>
    <ons-button style="background-color: red;" modifier="large">Delete</ons-button>
</div>

All is fine, "Delete" button have proper size & color, but I want it to be aligned at the bottom. 一切都很好,“删除”按钮具有适当的大小和颜色,但我希望它在底部对齐。

Do library (onsen) have proper "onsenish" way to do this, or I should use generic html patterns (like this How to align content of a div to the bottom? ) and guess pixels myself? 库(onsen)是否具有正确的“ onsenish”方式来执行此操作,或者我应该使用通用的html模式(例如, 如何将div的内容与底部对齐? )并自己猜像素?

删除画面

Use css position properties like this, i just use button for understanding you can use there button class or id . 使用这样的css position属性,我只是使用button来了解您可以使用那里的button classid

button {
   position: absolute;
   bottom:0;
   left:0;
}

You can find your answer on if you want to do it with onsen.io 如果要使用onsen.io,可以找到答案。

https://onsen.io/blog/auto-style-app-onsen/ https://onsen.io/blog/auto-style-app-onsen/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM