HTML-DOM Stil cssFloat Eigenschaft
Style - Objekte Definition und Verwendung
cssFloat Eigenschaftssätze oder gibt die horizontale Ausrichtung der Elemente.
Grammatik
Einstellen cssFloat Eigenschaften:
Object.style.cssFloat="left|right|none|inherit"
Zurück cssFloat Eigenschaften:
Object.style.cssFloat
| 值 | 描述 |
|---|---|
| left | 对象/元素浮到父元素的左边 |
| right | 对象/元素浮到父元素的右边 |
| none | 默认。对象/元素不浮动。 |
| inherit | cssFloat 属性的值从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen cssFloat Eigenschaft.
Hinweis: IE7 und früheren Versionen nicht unterstützen , die "erben" Wert.IE8 bietet nur! DOCTYPE unterstützt "erben". IE9 Unterstützung "erben".
Tipps und Hinweise
Hinweis: Wenn derRaum für die Zwecke des Floating - Elements zu klein ist, dann ist dieses Element in die nächste Zeile in einer Reihe zu springen, wird dieser Prozess fortgesetzt werden, bis es eine Linie bis genügend Platz vorhanden ist.
Beispiele
Beispiele
Klicken Sie auf die Tasten, das Bild schwimmt auf den linken und rechten Rand des Textes zu setzen:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
funktionieren floatRight () {
. Document.getElementById ( "img1") style.cssFloat = "right";
}
funktionieren floatLeft () {
. Document.getElementById ( "img1") style.cssFloat = "left";
}
</ Script>
</ Head>
<Body>
<Img id = "img1" src = "w3javascript.gif" width = "100" height = "132">
<P> Das ist ein Absatz. </ P>
<P> Das ist ein Absatz. </ P>
<Input type = "button" Onclick = "floatRight ()" value = "floating right">
<Input type = "button" Onclick = "floatLeft ()" value = "left floating">
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
funktionieren floatRight () {
. Document.getElementById ( "img1") style.cssFloat = "right";
}
funktionieren floatLeft () {
. Document.getElementById ( "img1") style.cssFloat = "left";
}
</ Script>
</ Head>
<Body>
<Img id = "img1" src = "w3javascript.gif" width = "100" height = "132">
<P> Das ist ein Absatz. </ P>
<P> Das ist ein Absatz. </ P>
<Input type = "button" Onclick = "floatRight ()" value = "floating right">
<Input type = "button" Onclick = "floatLeft ()" value = "left floating">
</ Body>
</ Html>
Versuchen »
Style - Objekte