Alignement

Aligner plusieurs éléments

Dans Flex, vous pouvez gagner du temps en alignant simultanément plusieurs éléments dans la même section, colonne ou Flexbox.

Pour aligner plusieurs éléments :

1. Sélectionnez la section, la colonne ou la Flexbox et cliquez sur l'icône d'alignement () dans le menu flottant.
2. Sélectionnez l'alignement souhaité.

Le panneau de conception propose des options d'alignement supplémentaires telles que la modification de l'orientation de la mise en page automatique, l'étirement, etc.

Pour aligner plusieurs éléments à partir du panneau de conception :

1. Faites un clic droit sur la section, la colonne ou la Flexbox souhaitée et sélectionnez Modifier le design.
2. Dans la section Disposition du panneau de conception sous Aligner des éléments, sélectionnez l'alignement de contenu vertical et horizontal souhaité.

Aligner un seul élément

Bien qu'il soit possible d'aligner plusieurs éléments à la fois, vous avez parfois besoin de modifier l'alignement d'un seul élément à l'intérieur d'une colonne Flex sans toucher aux autres éléments.

Pour aligner un seul élément :

1. Sélectionnez l'élément souhaité.
2. Dans le menu flottant, cliquez sur l'icône d'alignement () et sélectionnez l'alignement souhaité. Vous pouvez aussi faire un clic droit sur l’élément et sélectionner Modifier le design. Cela ouvre le panneau de conception, où vous pouvez sélectionner l'alignement dans la section Aligner.

Espacement

Espacement entre les éléments

Vous pouvez définir l'espace horizontal ou vertical entre les colonnes dans la même section Flex ou les mêmes widgets à l'intérieur d'une colonne, d'une Flexbox ou d'une grille avancée.

Pour définir l'espacement entre les éléments :

1. Faites un clic droit sur la section, la colonne, la Flexbox ou la grille avancée de votre choix et sélectionnez Modifier le design.
2. Dans la section Espacement du panneau de conception sous Espacement entre les éléments, saisissez une valeur ou utilisez le curseur pour définir la valeur en pourcentage de l'espace horizontal ou la valeur en pixel de l'espace vertical que vous souhaitez utiliser entre les éléments dans le champ Espacement entre les éléments.