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 2 버튼과 이미지에서 이제 수직 중심에서 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를 설정하는 방법

답변

관련 문제