Außenabstand und Innenabstand sind der Raum um ein Element. Der Außenabstand wird auch als Rand bezeichnet und ist der Abstand außerhalb der Grenzen des Elements. Der innere Abstand wird auch als Abstand bezeichnet und ist der Abstand innerhalb dieser Ränder. Wenn Sie den Außen- und Innenabstand eines Elements anpassen, ändern Sie dessen Platzierung und Aussehen. Dadurch kann Ihre Website individueller und professioneller aussehen.
So passen Sie den äußeren und inneren Abstand um ein Element an:
-
Klicken Sie Abstand .
-
Um den Außenabstand (Rand) zu ändern, klicken Sie auf die Zahlen im äußeren Feld und bearbeiten Sie sie. Sie können auch auf eine dieser Zahlen klicken und die Größe mit dem Schieberegler anpassen.
-
Um den inneren Abstand (Abstand) zu ändern, klicken Sie auf die Zahlen im inneren Feld und bearbeiten Sie sie. Sie können auch auf eine dieser Zahlen klicken und die Größe mit dem Schieberegler anpassen
-
Wenn Sie Editor 2.0 verwenden: Klicken Sie in die entsprechenden Felder, um die Rand- und Füllwerte zu bearbeiten. Die Werte für den horizontalen Rand und den Abstand sind miteinander verknüpft. Wenn Sie einen Wert ändern, wird der andere automatisch aktualisiert. Sie können die Verknüpfung aufheben, indem Sie auf das Linksymbol klicken
Anmerkung
Wenn Sie seltsame Leerzeichen sehen, die Sie nicht entfernen können, überprüfen Sie unbedingt alle Teile des Widgets, einschließlich der Spalte, in der es sich befindet.
Bei Elementen innerhalb einer Spalte oder inneren Spalte können Sie den Rand des Elements schnell anpassen, indem Sie die Kanten des Elements auf der Leinwand in die gleiche Richtung wie die Spalte ziehen. Das bedeutet, dass die linken und rechten Ränder in horizontalen Spalten und die oberen und unteren Ränder in vertikalen Spalten angepasst werden können
Überlegungen
-
Wenn Sie Inline-Ränder direkt von der Leinwand aus anpassen, wird die Verknüpfung der Ränder aufgehoben. Wenn Sie die Ränder im Design-Bedienfeld anpassen, sind die Ränder verknüpft. Wenn Sie also einen der Ränder ändern, wird der andere Rand automatisch entsprechend aktualisiert
-
Beim Anpassen von Inline-Rändern wird dieselbe Größeneinheit (px,%, vh, vw) beibehalten, die im Design-Panel festgelegt wurde, es sei denn, der Wert ist 0. In diesem Fall wird er auf px zurückgesetzt.
Im Flex-Modus und im Editor 2.0 gibt es zusätzliche Messoptionen:
-
px (Pixel). Stellt eine feste Maßeinheit zur Verfügung, die von Abweichungen der Gerätegröße nicht beeinflusst wird
-
% (Prozentsatz). Eine vielseitige Einheit, die Elemente proportional zur Größe ihres Containers skaliert
-
vh (Höhe des Ansichtsfensters). Skaliert Elemente dynamisch im Verhältnis zur Bildschirmhöhe (Viewport
-
vw (Breite des Darstellungsfensters). Passt Elemente dynamisch an die Bildschirmbreite an (Viewport) an und gewährleistet so eine proportionale Skalierung auf verschiedenen Geräten
-
EIN (automatisch). Ermöglicht dem Browser, die Marge automatisch zu berechnen.
Anmerkung
Ausführliche Informationen finden Sie unter Größeneinheiten.
Um die Größeneinheit zu ändern: