반응형
<ion-content center text-center>
<ion-grid style="height: 100%">
<ion-row justify-content-center align-items-center style="height: 100%; flex-direction: column">
<div text-center>
<ion-icon class="center-target font-size-5-0" color="primary"></ion-icon>
</div>
</ion-row>
</ion-grid>
</ion-content>
css 필요없이 이대로 복붙하면 아래와 같이 가운데 정렬된 모습을 볼 수 있다. 정말 보고 싶었다.
반응형
'Ionic & Angular & Firebase' 카테고리의 다른 글
[Firebase] Hosting에 Angular/Ionic 프로젝트 배포하기 02 (0) | 2020.03.12 |
---|---|
[Firebase] Hosting에 Angular/Ionic 프로젝트 배포하기 01 (0) | 2020.03.12 |
[Firebase] FCM 구현시, 내 프로젝트에 API키 세팅하기 (0) | 2020.02.11 |
[Firebase] Firestore DB 설계시 참고할 내용, 팁 (0) | 2020.01.15 |
[Ionic+Angular+firebase] 01.Ionic Angular앱 시작하기 (DevApp, Lab 세팅) (0) | 2019.12.09 |