Ionic framework 离子标签与输入并排,标签右侧对齐
我使用的是Ionic 5,有一些带有输入的标签,标签在左边,输入在标签旁边 代码如下:Ionic framework 离子标签与输入并排,标签右侧对齐,ionic-framework,ionic4,ionic5,Ionic Framework,Ionic4,Ionic5,我使用的是Ionic 5,有一些带有输入的标签,标签在左边,输入在标签旁边 代码如下: <div id="container"> <ion-item> <ion-label>Label 1</ion-label> <ion-input placeholder="something here"></ion-input> </ion-item> <ion-i
<div id="container">
<ion-item>
<ion-label>Label 1</ion-label>
<ion-input placeholder="something here"></ion-input>
</ion-item>
<ion-item>
<ion-label>Another Label</ion-label>
<ion-input placeholder="something here"></ion-input>
</ion-item>
<ion-item>
<ion-label>Third Label</ion-label>
<ion-input placeholder="something here"></ion-input>
</ion-item>
</div>
标签1
另一个标签
第三标签
如上所示,标签的大小不同
如何使标签的右侧对齐?将其添加到您的SCS中,应该可以:
ion-item > ion-label{
flex: content;
}