Wie richtet man ein Bild auf die Mitte einer Seite in ionic

Question

Ich möchte ein Bild (Logo) auf die Mitte (sowohl horizontal als auch vertikal) der Seite ausrichten?

<ion-view hide-nav-bar="true"> 
<ion-content class="backgound-red "> 
<section class = "home-container"> 
     <div class="row icon-row"> 

     <div class="col"> 
        <h1 class="text-white text-center">My Application </h1> 
      <h4 class ="text-white text-center ">version 1.0.0</h4> 
     </div> 
    </div> 

    <div class="row row-center" > 
     <div class="col text-center" > 
      <img alt="Logo" height="100" src="img/logo.png" > 
     </div> 
     </div> 
    <div class="row icon-row"> 

     <div class="col "> 
      <a class="text-white text-center" href="#" onclick="window.open('http://members.000webhost.com/login.php?'); return false;"> 
       <h5 class ="text-white text-center ">access server</h5></a> 
     </div>   
    </div> 
    </section> 
</ion-content> 

das Layout, das ich will, sollte das Bild align Zentrum automatisch auf das Handy-Display sein. (Registerkarte Telefon)

Answer 1

Versuchen Sie, diese CSS-Code hinzufügen, es zentriert den img sowohl horizontal als auch vertikal.

.home-container .row-center img { 
    position:absolute; 
    left: 0; 
    right: 0; 
    margin:0 auto; 
    top:50%; 
    transform:translateY(-50%); 
}