我想在 ionic 的工具栏上设置选择选项,但我无法将它对齐到中心,我已经尝试了很多东西......通过使用这些方法我无法这样做,
<div text-center>
<label class="email">
<input type="email" placeholder="Email" name="email">
</label>
</div>
此方法将输入框居中对齐,但不会将选择选项居中对齐。这是一个stackblitz
<div text-center>
<ion-item>
<ion-select [(ngModel)]="gaming" interface="popover">
<ion-option selected value="empty">empty</ion-option>
<ion-option value="n64">Nintendo64</ion-option>
<ion-option value="ps">PlayStation</ion-option>
<ion-option value="genesis">Sega Genesis</ion-option>
<ion-option value="saturn">Sega Saturn</ion-option>
<ion-option value="snes">SNES</ion-option>
</ion-select>
</ion-item>
</div>
结果还是一样
.item-select{
position: initial;
margin-left: 100px;
width:40%;
text-align: center;
}
这也不影响,谁能告诉我如何将选择选项设置为在 ionic 工具栏上居中?
最佳答案
我认为 text-center 不会工作,因为 ion-select 是组件。我已经通过在网格中使用 ion-select 解决了这个问题。
<ion-grid>
<ion-row>
<ion-col size="12" offset="4">
<ion-item>
<ion-select>
<ion-select-option selected>item 1</ion-select-option>
<ion-select-option>item 2</ion-select-option>
</ion-select>
</ion-item>
</ion-col>
</ion-row>
</ion-grid>
关于html - 如何在 ionic 工具栏的中心设置和对齐 ionic 选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46887630/