Heim > Artikel > Web-Frontend > So legen Sie den linken Rand in CSS fest
So legen Sie den linken Rand in CSS fest
- 青灯夜游Original
- 2021-05-12 16:10:5223578Durchsuche
So legen Sie den linken Rand in CSS fest: 1. Verwenden Sie das Attribut „margin-left“, um den linken Rand des Elements festzulegen. Das Syntaxformat lautet „margin-left:margin value;“; um den linken Rand des Elements festzulegen, Syntaxformat „padding-left:margin value;“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
1. Verwenden Sie margin-left, um den linken Rand festzulegen.
Das Attribut „margin-left“ legt den linken Rand des Elements fest.
Hinweis: Negative Werte sind zulässig.
Attributwert:
| Wert | Beschreibung |
|---|---|
| auto | Der vom Browser festgelegte linke Rand. |
| length | definiert einen festen linken Rand. Der Standardwert ist 0. |
| % | Definiert den linken Rand als Prozentsatz basierend auf der Gesamtbreite des übergeordneten Objekts. |
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
p.leftmargin {
margin-left: 1cm;
}
</style>
</head>
<body>
<p>这个段落没有指定左边距。</p>
<p class="leftmargin">这个段落带有指定的左外边距。</p>
</body>
</html>
2. Verwenden Sie padding-left, um den linken Abstand festzulegen.
Das Attribut padding-left legt den linken Abstand eines Elements fest.
Hinweis: Negative Werte sind nicht zulässig.
Attributwert:
| Wert | Beschreibung |
|---|---|
| Länge | gibt einen festen Wert für den linken Abstand in bestimmten Einheiten an, z. B. Pixel, Zentimeter usw. Der Standardwert ist 0px. |
| % | Definiert den linken Abstand als Prozentsatz basierend auf der Breite des übergeordneten Elements. Dieser Wert funktioniert nicht in allen Browsern wie erwartet. |
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
p.leftpadding {
margin-left: 1cm;
}
</style>
</head>
<body>
<p>这个段落没有指定左边距。</p>
<p class="leftpadding">这个段落带有指定的左内边距。</p>
</body>
</html>
Teilen von Lernvideos: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo legen Sie den linken Rand in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!