l'alignement à droite d'un bouton dans ion-col
J'ai cette grille dans mon Ionique 2 de la demande. Est-il ionique-attribut spécifique à faire sur le bouton indiqué sur le côté droit de la colonne (ligne)?
<ion-grid>
<ion-row>
<ion-col>col 1</ion-col>
<ion-col>col 2</ion-col>
</ion-row>
<ion-row>
<ion-col>
<button ion-button>My button</button>
</ion-col>
</ion-row>
</ion-grid>
OriginalL'auteur Hamed | 2017-07-21
Vous devez vous connecter pour publier un commentaire.
Dans votre cas vous pouvez ajouter l'attribut
float-right
comme suit:float-{modificateur}
Le la documentation dit vous pouvez ajouter l'attribut
float-{modifier}
à la position d'un élément à l'intérieur de son conteneur.{modifier}
peut être l'un des suivants:right
: L'élément flottant sur le côté droit de son conteneur.left
: L'élément flottant sur le côté gauche de son conteneur.start
: Le même quefloat-left
si la direction est de gauche à droite et de flotter à droite si la direction est de droite à gauche.end
: Le même que le flotteur droit si la direction est de gauche à droite et de flotter à gauche si la direction est de droite à gauche.Exemple:
de l'élément{modificateur}
Pour positionner un élément à l'intérieur d'un
ion-item
la la documentation dit que vous pouvez utiliseritem-{modifier}
.Où
{modifier}
peut être l'un des suivants:start
: Placé à la gauche de tous les autres éléments, à l'extérieur de l'intérieur de la item.end
: Placé à la droite de tous les autres éléments, à l'intérieur de l'intérieur de l'élément, à l'extérieur de l'entrée wrapper.content
: Placé à droite d'un ion-étiquette, à l'intérieur de l'entrée de wrapper.Exemple:
Autodérision
Selon le la documentation ces noms sont obsolètes:
item-right
&item-left
Je ne sais pas si
item-right
est utilisée à tous les plus, ma conjecture est quefloat-right
est son suppléant. Peux pas trouver quelque chose à propos de l'article-droit dans les docs.item-right
fonctionne, tout simplement de placer les éléments à l'intérieur d'union-item
. Donc, si vous voulez placer un bouton à l'intérieur d'un élément, ou si vous voulez placer l'icône de la radio point à droite, vous pouvez toujours utiliserion-item
. Mais il l'habitude de travailler en dehors d'union-item
. Btw merci @robbannn pour lafloat-right
attribut, je n'étais pas au courant du tout 🙂Vous êtes les bienvenus! J'ai vu
item-right
dans certains exemples que j'ai rencontré, mais je ne peux pas trouver quelque chose à ce sujet dans la documentation. Pour le positionnement horizontal à l'intérieur d'union-item
j'ai trouvéitem-end
,item-start
etitem-content
.Hmm, vous avez raison, je n'en trouve pas plus dans les docs. Je suppose que cela fait partie de la nouvelle RTL fonction de prise en charge ionique, où le fait de façon plus logique d'utiliser démarrer et fin au lieu de absolu mots gauche et droit :/
OriginalL'auteur robbannn