Heim > Artikel > Web-Frontend > So verwenden Sie das CSS-Float-Attribut
So verwenden Sie das CSS-Float-Attribut
- 藏色散人Original
- 2019-05-27 17:36:192642Durchsuche
Das CSS-Float-Attribut wird verwendet, um anzugeben, ob eine Box (ein Element) schweben soll. Absolut positionierte Elemente ignorieren das Float-Attribut!
Wie verwende ich das CSS-Float-Attribut?
Anweisungen zur Attributdefinition und Verwendung
Das Float-Attribut gibt an, ob eine Box (ein Element) schweben soll.
Hinweis: Absolut positionierte Elemente ignorieren das Float-Attribut!
Standard: keine
Vererbung: nein
Version: CSS1
JavaScript-Syntax:
object.style.cssFloat="left"
Attributwert
left Das Element schwebt nach links.
Rechtes Element schwebt nach rechts.
keine Standardwert. Das Element ist nicht schwebend und erscheint dort, wo es im Text erscheint.
inherit gibt an, dass der Wert des Float-Attributs vom übergeordneten Element geerbt werden soll.
Beispiel
Das Bild nach rechts schweben lassen:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
img
{
float:right;
}
</style>
</head>
<body>
<p>在下面的段落中，我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的右边。</p>
<p>
<img src="logocss.gif" style="max-width:90%" style="max-width:90%" / alt="So verwenden Sie das CSS-Float-Attribut" >
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
</p>
</body>
</html>Effekt:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie das CSS-Float-Attribut. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!