我想得到一张看起来像这样的卡片:
到目前为止我所拥有的:
<ion-card>
<ion-item>
<ion-avatar item-start> <img src="img/marty-avatar.png"> </ion-avatar>
<h2>Marty McFly</h2>
</ion-item> <img src="img/advance-card-bttf.png">
<ion-card-content>
<p>Wait a minute. Wait a minute, Doc. Uhhh... Are you telling me that you built a time machine... out of a DeLorean?! Whoa. This is heavy.</p>
</ion-card-content>
</ion-card>
有人可以帮助我吗?
最佳答案
使用 ionic 响应网格:https://ionicframework.com/docs/theming/responsive-grid/
查看代码:https://stackblitz.com/edit/ionic-i21sbi?file=pages/home/home.html
<ion-card>
<ion-grid>
<ion-row>
<ion-col>
<img src="https://material.angular.io/assets/img/examples/shiba1.jpg">
</ion-col>
<ion-col>
<ion-item>
<ion-avatar item-start> <img src="https://material.angular.io/assets/img/examples/shiba1.jpg"> </ion-avatar>
<h2>Marty McFly</h2>
</ion-item>
<ion-card-content>
<p>Wait a minute. Wait a minute, Doc. Uhhh... Are you telling me that you built a time machine... out of a DeLorean?! Whoa. This is heavy.</p>
</ion-card-content>
</ion-col>
</ion-row>
</ion-grid>
</ion-card>
关于html - 带有描述的 CSS Card ionic left div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51401503/