gpt4 book ai didi

angular - 如何水平对齐 ionic 网格单元格的内容

转载 作者:搜寻专家 更新时间:2023-10-30 21:45:08 24 4
gpt4 key购买 nike

使用 ion-grid 时,如何将单元格的内容水平对齐到单元格的左/右/中?

  <ion-grid>
<ion-row>
<ion-col class="ion-align-self-left">
left
</ion-col>
<ion-col class="ion-align-self-right">
right
</ion-col>
</ion-row>
</ion-grid>

内容总是左对齐,我希望文本“右”对齐到它自己的单元格的右边。

最佳答案

您只需要使用 ion-text-end CSS 类作为 documented here :

  <ion-grid>
<ion-row>
<ion-col class="ion-text-start">
left
</ion-col>
<ion-col class="ion-text-end">
right
</ion-col>
</ion-row>
</ion-grid>

呈现为:

enter image description here

顺便说一句:您尝试使用的 flex 选项是错误的类。在 Ionic4 中它是 start and end not left and right .

关于angular - 如何水平对齐 ionic 网格单元格的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56841104/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com