खड़ी आयोनिक

Question

में पंक्ति में स्तंभ संरेखित मैं निम्नलिखित है ion-view:

<ion-view view-title="Success" ng-controller="successController" class="success-view"> 
    <ion-content> 

    <div class="row row-center"> 
     <div class="col"> 

     <h1>Success!</h1> 

     <h3>Your login credentials will be SMSed to you shortly</h3> 

     <button class="button button-block button-positive" ui-sref="login"> 
      Okay 
     </button> 

     </div> 
    </div> 

    </ion-content> 
</ion-view> 

मैं कोशिश कर रहा हूँ खड़ी स्क्रीन में वहाँ में कि col संरेखित करें। अब मैं समझता हूं कि यह काम करने जा रहा एकमात्र तरीका यह है कि यदि मेरा row ऊंचाई का 100% लेता है। फिर भी अगर मैं आगे बढ़ता हूं और को अपने row में जोड़ता हूं तो यह काम नहीं करता है, पंक्ति की ऊंचाई अभी भी इसकी सामग्री पर लपेटती है। भले ही मैं !important जोड़ूं, फिर भी यह स्क्रीन की पूरी ऊंचाई नहीं फैलता है ... कोई विचार?

Answer 1

लगता है कि आयनिक ढांचे में गतिशील वर्ग scroll पंक्ति को लपेटता है। को scroll पर भी height: 100% जोड़ें।

.row, .scroll { 
    height: 100%; 
} 

आउटपुट:

Ionic Demo