So verwenden Sie das CSS-Float-Attribut-Front-End-Fragen und Antworten-php.cn

So verwenden Sie das CSS-Float-Attribut

藏色散人

Freigeben： 2019-05-27 17:36:19

Original

2737 Leute haben es durchsucht

Das CSS-Float-Attribut wird verwendet, um anzugeben, ob eine Box (ein Element) schweben soll. Absolut positionierte Elemente ignorieren das Float-Attribut!

So verwenden Sie das CSS-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"

Nach dem Login kopieren

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>

Nach dem Login kopieren

Effekt:

So verwenden Sie das CSS-Float-Attribut

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!