Alignement
Aligner plusieurs éléments
Dans Flex, vous pouvez gagner du temps en alignant plusieurs éléments dans la même section, colonne ou flexbox en même temps.
Pour aligner plusieurs éléments :
- Sélectionnez la section, la colonne ou la flexbox et cliquez sur l'icône d'alignement (
) dans le menu flottant. - Sélectionnez l'alignement souhaité.
Le panneau de conception offre des options d'alignement supplémentaires telles que la modification de la direction de la mise en page automatique, l'étirement, etc.
Pour aligner plusieurs éléments à partir du panneau de conception :
- Cliquez avec le bouton droit sur la section, la colonne ou la flexbox souhaitée et sélectionnez Modifier la conception .
- Dans la section Disposition du panneau de conception, sous Aligner les éléments , sélectionnez l’alignement vertical et horizontal du contenu souhaité.
Note :
Lors de l'alignement du texte à partir du menu flottant ou du panneau de conception, cela aligne à la fois le texte et la balise div.
Aligner un seul élément
Bien qu'il soit possible d'aligner plusieurs éléments à la fois, il est parfois nécessaire de modifier uniquement l'alignement d'un élément à l'intérieur d'une colonne flexible sans affecter les autres éléments.
Pour aligner un seul élément :
- Sélectionnez l'élément souhaité.
- Dans le menu flottant, cliquez sur l’icône d’alignement ( ) et sélectionnez l'alignement souhaité. Vous pouvez également faire un clic droit sur l'élément et sélectionner « Modifier le design » . Le panneau de conception s'ouvre alors, vous permettant de sélectionner l'alignement dans la section « Aligner ».
Espacement
Espacement entre les éléments
Vous pouvez définir la quantité d'espace horizontal ou vertical entre les colonnes au sein d'une même section flexible ou entre les 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 :
- Cliquez avec le bouton droit sur la section, la colonne, la flexbox ou la grille avancée souhaitée et sélectionnez Modifier la conception .
- Dans la section Espacement du panneau de conception, sous Espacement entre les éléments , saisissez ou utilisez le curseur pour définir la valeur en pourcentage de l'espace horizontal ou la valeur en pixels de l'espace vertical que vous souhaitez entre les éléments dans le champ Espacement entre les éléments .
Note :
Vous pouvez réinitialiser le remplissage des sections et des colonnes en cliquant sur l'icône Réinitialiser le remplissage dans le menu flottant.