最新的Web开发教程
 

Style cssFloat Property

<Style对象

两个按键点击时让图像浮于文字,左/右:

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

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

定义和用法

所述cssFloat属性设置或返回一个元素的水平对齐。

注:CSS "float"属性被称为"cssFloat"在JavaScript中,因为"float"在JavaScript中的保留字。

Note:如果在浮动元素线的空间太小,就会跳下去有足够空间的下一行。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该cssFloat属性在所有主流浏览器的支持。


句法

返回cssFloat属性:

object .style.cssFloat

设置cssFloat属性:

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

属性值

描述
none 对象/元素不浮动。 这是默认
left 对象/元素会浮到左在父元素
right 对象/元素会浮到在父元素的权利
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

默认值: 没有
返回值: 一个字符串,表示元素的水平取向
DOM版本 DOM 2级

更多示例

更改DIV元素的cssFloat属性:

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

相关页面

CSS教程: CSS的float


<Style对象