2016-12-02 4 views
0

Я новичок в Ionic framework, я хочу изменить размер изображения. Изображение должно стать маленьким, а изображение должно отображаться в центре страницы с использованием ионного.Как изменить размер изображения в ионном каркасе?

Ниже мой HTML-код:

<ion-header> 
    </ion-header> 
    <ion-content padding> 
     <h2></h2> 
     <img src='assets/img/logo.png'> 
     <ion-chip color="secondary"> 
      <ion-label color="#16B966">SEND RESET LINK</ion-label> 
     </ion-chip> 
    <div> 
     <span class="input-label">EMAIL</span> 
     <input type="text" placeholder="[email protected]"> 
    </div> 
<ion-card-content> 
    <p>Enter the email address associated with your account, and we'll email 
     a link to reset your password</p> 
</ion-card-content> 
</ion-content> 

ответ

1

Используйте следующие в HTML:

<img class="displayed" height="150 px" width="150 px" src="img/Logo.png"> 

и использовать следующие в style.css:

.displayed { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
}