2015-05-10 33 views
3

我無法設置我的模態和屏幕底部極限之間的底部間距!在我的CSS中,我設置了「離子模式視圖」元素的CSS高度和寬度爲一定的百分比,並相應地給左,右,頂部和底部賦值,一切按預期工作,我的模態居中,但我可以不要將它從底部分離。離子莫代爾底部間距

任何幫助?

回答

7

最後,我已經成功地得到它的包裝工作我ion-modal-viewdiv適用於modalmin-height: 0;指令,這讓我的自定義保證金有效。

<div class="adic-modal"> 
    <ion-modal-view class="adic-popup"> 
     <!--some content--> 
    </ion-modal-view> 
</div> 

這是CSS:

.adic-modal .modal { 
    min-height: 0 !important; 
} 

.adic-popup { 
    width: 90%; 
    height: 60%; 
    top: 20%; 
    bottom: 20%; 
    right: 5%; 
    left: 5%; 
    background-color: #ffffff; 
} 

我需要知道但如果我做了什麼是正確的做法。

+0

你的父親是天才,謝謝!很久以來我一直在爲此苦苦掙扎。 – IonicBurger