Heim > Artikel > Web-Frontend > So schließen Sie Float in CSS
So schließen Sie Float in CSS
- 王林Original
- 2021-05-19 14:06:333871Durchsuche
Die Möglichkeit, das Floating in CSS zu deaktivieren, besteht darin, dem Element das Attribut „clear“ hinzuzufügen und den Attributwert auf „none“ zu setzen, z. B. [clear:both;]. Das Attribut „clear“ gibt an, dass auf einer bestimmten Seite des Elements keine anderen schwebenden Elemente zulässig sind.
Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.
Es gibt ein Attribut „clear“ in CSS, das angibt, auf welcher Seite des Elements keine anderen schwebenden Elemente zulässig sind.
Allgemeine Attributwerte sind:
left Floating-Elemente sind auf der linken Seite nicht zulässig.
right Auf der rechten Seite sind keine schwebenden Elemente zulässig.
Beide Floating-Elemente sind auf der linken und rechten Seite nicht zulässig.
kein Standardwert. Ermöglicht die Anzeige schwebender Elemente auf beiden Seiten.
inherit gibt an, dass der Wert des Clear-Attributs vom übergeordneten Element geerbt werden soll.
Ein kleines Beispiel:
<html>
<head>
<style type="text/css">
img
{
float:left;
clear:both;
}
</style>
</head>
<body>
<img src="/i/eg_smile.gif" />
<img src="/i/eg_smile.gif" />
</body>
</html>Verwandte Videofreigabe: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo schließen Sie Float in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!