目录

style cssFloat 属性

示例

单击两个按钮时,让图片浮动到文本的左侧/右侧:

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

更多示例

示例

更改 DIV 元素的 cssFloat 属性:

document.getElementById("myDIV").style.cssFloat = "left";
亲自试一试 »

相关页面

CSS教程:CSS 浮动