如何将离子按钮放在离子项目的中心？
<ion-list>
<ion-item>
<ion-button>Sample</ion-button>
</ion-item>
</ion-list>
我尝试了一些CSS实用工具中的类，但是没有用。
您可以执行以下操作：
CSS：
.center-button {
position: relative;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-item: center;
}
HTML：
<ion-list>
<ion-item>
<div class='center-button'>
<ion-button>Sample</ion-button>
</div>
</ion-item>
</ion-list>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句