Ionic 离子型：使用离子项填充=“outline”和离子标签位置=“floating”时，如何删除离子标签上方的多余空格？

kdfy810k 于 2023-01-22 发布在 Ionic

关注(0)|答案(1)|浏览(164)

here's the picture
here's the style when input is clicked
下面是我的代码：

<ion-item fill="outline">
   <ion-icon :src="mail" slot="start"></ion-icon>
   <ion-label position="floating">Email Address</ion-label>
   <ion-input placeholder="Enter text"></ion-input>
</ion-item>

我用的是ionic framework和vue.js作为javascript框架，请帮忙。

ionic-framework

来源：https://stackoverflow.com/questions/75044744/ionic-vuejs-how-to-remove-this-extra-space-above-ion-label-when-using-ion-item

1条答案

按热度按时间

70gysomp1#

<ion-label>上方的额外空间是因为单击时标记内的文本将移动到那里。
如果您希望图标和标签的文本在一个级别上，您可以通过重新定位图标本身轻松实现这一点。

<style>
ion-icon{
   margin-block-start: auto;
}
</style>

这是一个example。

赞(0）回复(0）举报 2023-01-22

我来回答

Ionic 离子型：使用离子项填充=“outline”和离子标签位置=“floating”时，如何删除离子标签上方的多余空格？

1条答案

相关问题

热门标签

最新问答