L'espacement extérieur et l'espacement intérieur correspondent à l'espace autour d'un élément. L'espacement extérieur est également connu sous le nom de marge et correspond à l'espace situé en dehors des bords de l'élément. L'espacement intérieur est également connu sous le nom de "padding" et correspond à l'espace situé à l'intérieur de ces bordures. Lorsque vous ajustez l'espacement extérieur et l'espacement intérieur d'un élément, vous modifiez son emplacement et son apparence. Cela peut donner à votre site un aspect plus personnalisé et plus professionnel.
Pour ajuster l'espacement extérieur et intérieur autour d'un élément :
-
Espacement des clics .
-
Pour modifier l'espacement extérieur (marge), cliquez sur la valeur dans la case extérieure puis modifiez-la. Vous pouvez également cliquer sur la valeur et utiliser le curseur pour régler la taille.
-
Pour modifier l'espacement intérieur (remplissage), cliquez sur la valeur dans la case intérieure puis modifiez-la. Vous pouvez également cliquer sur la valeur et utiliser le curseur pour régler la taille.
-
Si vous utilisez l'éditeur 2.0 : Cliquez sur les cases correspondantes pour modifier les valeurs de marge et d'espacement. Les valeurs de marge horizontale et de remplissage sont liées. Si vous modifiez l'un, l'autre sera automatiquement mis à jour. Ils peuvent être dissociés en cliquant sur l'icône du lien.
Remarque
Si vous voyez des espaces bizarres que vous ne pouvez pas supprimer, assurez-vous de vérifier toutes les parties du site widget, y compris la colonne dans laquelle il se trouve.
Pour les éléments situés à l'intérieur d'une colonne ou d'une colonne intérieure, vous pouvez rapidement ajuster la marge de l'élément en faisant glisser les bords de l'élément sur le canevas dans la même direction que la colonne. Cela signifie que les marges gauche et droite peuvent être ajustées dans les colonnes horizontales et que les marges supérieure et inférieure peuvent être ajustées dans les colonnes verticales.
Remarques
-
Lorsque vous ajustez les marges en ligne directement à partir du canevas, les marges ne sont pas liées. Lorsque vous ajustez les marges à partir du panneau Design, les marges sont liées, ce qui signifie que si vous modifiez l'une d'entre elles, l'autre sera automatiquement mise à jour.
-
Lors de l'ajustement des marges en ligne, la même unité de taille (px, %, vh, vw) définie dans le panneau de conception sera conservée, sauf si la valeur est 0, auquel cas elle sera réinitialisée en px.
En mode flex et dans l'éditeur 2.0, il existe des options de mesure supplémentaires :
-
px (pixels). Il s'agit d'une unité de mesure fixe qui n'est pas affectée par les variations de taille des appareils.
-
% (pourcentage). Une unité polyvalente qui met les éléments à l'échelle proportionnellement à la taille de leur contenant.
-
vh (hauteur de la fenêtre de visualisation). Met dynamiquement à l'échelle les éléments par rapport à la hauteur de l'écran (viewport).
-
vw (viewport width). Ajuste dynamiquement les éléments en fonction de la largeur de l'écran (viewport), garantissant une mise à l'échelle proportionnelle sur différents appareils.
Remarque
Pour plus d'informations, reportez-vous à la section Unités de taille.
Pour modifier l'unité de taille :
-
Ouvrez le panneau de conception d'un élément.
-
Naviguez jusqu'à la section Espacement.
-
Cliquez sur l'une des cases.
-
Cliquez sur l'unité de taille actuelle.
-
Cliquez sur l'unité de taille souhaitée.