小编Saj*_*ith的帖子

我想将图像(徽标)与页面的中心(水平和垂直)对齐？

<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>

我想要的布局,图像应该自动对齐移动屏幕.(标签,手机)

我想将我的徽标放在离子栏中.我该怎么做 ？(它总是显示在左侧)我想要这样

这是我的离子代码:

 <ion-nav-bar class="bar bar-header bar-assertive">

        <ion-nav-back-button>
        </ion-nav-back-button>
        <ion-nav-buttons side ="Center">
        <div class="title"> <img alt="Company Logo" height="40" src="img/logo.png"></div>
        </ion-nav-buttons>
        <ion-nav-buttons side="right">
            <button class="button button-icon button-clear ion-navicon" menu-toggle="right">
            </button>
        </ion-nav-buttons>

    </ion-nav-bar>