单击两个按钮时,让图片浮动到文本的左侧/右侧:
function floatRight() {
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft() {
document.getElementById("myImg").style.cssFloat = "left";
}
亲自试一试 »
cssFloat 属性设置或返回元素的水平对齐方式。
笔记:CSS "float" 属性在 JavaScript 中称为 "cssFloat",因为 "float" 是 JavaScript 中的保留字。
笔记:如果一行上的浮动元素空间太小,它将跳到有足够空间的下一行。
Property | |||||
---|---|---|---|---|---|
cssFloat | Yes | Yes | Yes | Yes | Yes |
返回 cssFloat 属性:
object.style.cssFloat
设置 cssFloat 属性:
object.style.cssFloat = "left|right|none|initial|inherit"
Value | Description |
---|---|
none | The object/element is not floated. This is default |
left | The object/element will float to the left in the parent element |
right | The object/element will float to the right in the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
默认值: | 没有任何 |
---|---|
返回值: | 一个 String,表示元素的水平对齐方式 |
DOM版本 | DOM 级别 2 |
CSS教程:CSS 浮动
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!