wie Sie ein Bild auf der Mitte einer Seite in den Ionischen

Ich ausrichten möchten, ein Bild (logo)auf der Mitte (horizontal und vertikal)auf der Seite ?

<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 zentriert sich automatisch auf dem Handy-Bildschirm.(tab, phone)

wie Sie ein Bild auf der Mitte einer Seite in den Ionischen

InformationsquelleAutor Sajith | 2015-10-24

  1. 22

    Versuchen, das hinzufügen dieser CSS-code zentriert das 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%);
}

    InformationsquelleAutor Aziz

Schreibe einen Kommentar