Heim > Artikel > Web-Frontend > So stellen Sie ein, dass der linke Rand in CSS verschwindet
So stellen Sie ein, dass der linke Rand in CSS verschwindet
- WBOYOriginal
- 2022-09-05 16:37:191437Durchsuche
So stellen Sie den linken Rand so ein, dass er in CSS verschwindet: 1. Verwenden Sie das Attribut „margin-left“, mit dem der linke Rand des Elements festgelegt wird. Die Syntax lautet „margin-left:0;“; Verwenden Sie das Attribut „padding-left“. Dieses Attribut kann den linken Innenrand des Elements festlegen. Die Syntax lautet „padding-left:0;“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
So legen Sie fest, dass der linke Rand in CSS verschwindet.
Das Attribut „margin-left“ legt den linken Rand eines Elements fest.
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.
padding-left-Attribut legt den linken Abstand (Leerzeichen) eines Elements fest.
length 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.
Das Beispiel sieht wie folgt aus:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
p.ex1 {margin-left:2cm;}
p.ex2 {margin-left:0;}
p.ex3 {padding-left:2cm;}
p.ex4 {padding-left:0;}
</style>
</head>
<body>
<p class="ex1">一个左外边距为2厘米的段落。</p>
<p class="ex2">一个没有指定边距大小的段落。</p>
<p class="ex3">一个左内边距为2厘米的段落。</p>
<p class="ex4">一个没有指定边距大小的段落。</p>
</body>
</html>Ausgabeergebnis:
(Freigabe von Lernvideos: CSS-Video-Tutorial, HTML-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo stellen Sie ein, dass der linke Rand in CSS verschwindet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!