Style cssFloat 属性

定义和用法

cssFloat 属性设置或返回元素的水平对齐方式。

提示：CSS "float" 属性在 JavaScript 中称为 "cssFloat"，因为 "float" 是 JavaScript 中的保留字。

注释：如果一行中浮动元素的空间太小，它将跳到下一行有足够空间的行。

另请参阅：

CSS 教程：CSS 浮动

实例

例子 1

单击两个按钮时，让图像浮动到文本的左侧/右侧：

function floatRight() {
  document.getElementById("myImg").style.cssFloat = "right";
}

function floatLeft() {
  document.getElementById("myImg").style.cssFloat = "left";
}

亲自试一试

例子 2

更改 DIV 元素的 cssFloat 属性：

document.getElementById("myDIV").style.cssFloat = "left";

亲自试一试

语法

返回 cssFloat 属性：

object.style.cssFloat

设置 cssFloat 属性：

object.style.cssFloat = "left|right|none|initial|inherit"

属性值

值 描述
none 对象/元素不浮动。默认。
left 对象/元素将在父元素中向左浮动。
right 对象/元素将在父元素中向右浮动。
initial 将此属性设置为其默认值。请参阅 initial。
inherit 从其父元素继承此属性。请参阅 inherit。

技术细节

默认值： 无
返回值： 字符串，表示元素的水平对齐方式。
DOM 版本： DOM Level 2

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持