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.
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.