例
两个按键点击时让图像浮于文字,左/右:
function floatRight()
{
document.getElementById("myImg").style.cssFloat = "right";
}
function floatLeft()
{
document.getElementById("myImg").style.cssFloat = "left";
}
试一试» 定义和用法
所述cssFloat属性设置或返回一个元素的水平对齐。
注:CSS "float"属性被称为"cssFloat"在JavaScript中,因为"float"在JavaScript中的保留字。
Note:如果在浮动元素线的空间太小,就会跳下去有足够空间的下一行。
浏览器支持
该cssFloat属性在所有主流浏览器的支持。
句法
返回cssFloat属性:
object .style.cssFloat
设置cssFloat属性:
object .style.cssFloat="left|right|none|initial|inherit"
属性值
值 | 描述 |
---|---|
none | 对象/元素不浮动。 这是默认 |
left | 对象/元素会浮到左在父元素 |
right | 对象/元素会浮到在父元素的权利 |
initial | 将此属性设置为默认值。 阅读关于初始 |
inherit | 继承其父元素此属性。 阅读关于继承 |
技术细节
默认值: | 没有 |
---|---|
返回值: | 一个字符串,表示元素的水平取向 |
DOM版本 | DOM 2级 |
更多示例
相关页面
CSS教程: CSS的float
<Style对象