如何在Html或Css垂直居中設置div

-2

<ion-view class="ion" view-title="Browse"> 
    <ion-content class="content" > 
    <div class="list landing-div"> 
     <img class="landing-image" src="img/slpash_logo.png" > 

     <div class="row sub-div"> 
     <div class="col"> 
      <button class="button icon-left ion-person button-full landing-button-left" type="submit">LOGIN</button> 
     </div> 
     <div class="col"> 
      <button class="button icon-right ion-android-list button-full landing-button-right" ui-sref="#/app/register" type="submit">SIGNUP</button> 
     </div> 
     </div> 
    </div> 

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

在div的兩個按鈕和圖像上現在如何設置div垂直居中。如何在Html或Css垂直居中設置div

來源

2016-06-01 Kinjan Jain

分享你的CSS太 – Era

相關 - http://stackoverflow.com/questions/396145/how-to-vertically-center-a-div-for-all-browsers?rq=1 –

沒有看到你CSS，你是否試圖實現這樣的事情：https：//jsfiddle.net/48sz07kz/ –

<ion-view class="ion" view-title="Browse"> 
    <ion-content class="content" > 
    <div class="list landing-div"> 
     <img class="landing-image" src="img/slpash_logo.png" > 
div{ 
vertical-align: text-top; 
} 
     <div class="row sub-div"> 
     <div class="col"> 
      <button class="button icon-left ion-person button-full landing-button-left" type="submit">LOGIN</button> 
     </div> 
     <div class="col"> 
      <button class="button icon-right ion-android-list button-full landing-button-right" ui-sref="#/app/register" type="submit">SIGNUP</button> 
     </div> 
     </div> 
    </div> 

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

來源

2016-06-01 12:03:57 SMS

如何在Html或Css垂直居中設置div

回答

相關問題