如何解决离子4:如何以比例方式在同一行中使用离子标签最小比例和离子选择最大比例
我有一张用户注册表格。将标签放置在同一行上时出现问题。同样,在同一行中选择和输入。
这是我的表格,我突出显示了问题字段,最初它们看起来不错
问题是当我更改内容时。
两个项目之间都留有巨大的空白。这不允许正确查看信息。像这样:
我需要选择离子的国家(pais)采用最大宽度。
在底行上,电话(telefono)离子输入字段相同。尽可能获得最大宽度。
这是我的Pais行代码。
<ion-item>
<ion-label class="ultraipunt">País</ion-label>
<ion-select id="paisselect" formControlName="pais" (ionChange)="changeselect($event,phoneCodeSelect)" interface="popover">
<ion-select-option *ngFor="let c of countries" value="{{c.cod}}">{{c.name}}</ion-select-option>
</ion-select>
</ion-item>
这就是我尝试选择国家(地区)代码(美国)和电话(telefono字段)的原因:
<ion-item>
<div style="width: 52%; height: 100%; float: left; padding-top: 1em; font-size: 2.4vh;">
<ion-select #phoneCodeSelect formControlName="phonecode" placeholder="Cod." interface="popover">
<ion-select-option *ngFor="let c of codetele" value="{{c.code}}" selected="{{codigoselected == c.code}}">{{c.code}}</ion-select-option>
</ion-select>
</div>
<div style="width: 48%; height: 100%; float: right;">
<ion-input formControlName="phonehumber" type="number" placeholder="Telefono" class="ultraipunt" onfocusout="onDeviceReady()" required></ion-input>
</div>
</ion-item>
有什么想法吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。