I’m looking at a Ionic tutorial that is a year old, and I made with it a basic page HTML page with Ionic components :
<body>
<ion-app>
<ion-header>
<ion-toolbar color="primary">
<ion-title >Budget Planner</ion-title>
</ion-toolbar>
</ion-header>
<io-content>
<ion-card>
<ion-card-header>New Expense</ion-card-header>
<ion-card-content>
<ion-item>
<ion-label position="floating">Expense Reason</ion-label>
<ion-input type="text"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Expense Amount</ion-label>
<ion-input type="number"></ion-input>
</ion-item>
</ion-card-content>
</ion-card>
</io-content>
<ion-footer>
<ion-toolbar>
<ion-title>Footer</ion-title>
</ion-toolbar>
</ion-footer>
</ion-app>
</body>
The result is this :
I've written HTML before and usually, it starts from the top. Here my content begins from the bottom (when I added the footer, it moved to being in the middle).
Note : there's no css or anything that I've added to make so and in the tutorial I'm following, it isn't like it is for me
question from:
https://stackoverflow.com/questions/65896242/ionic-default-positioning 与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
