HTML DOM cssFloat 属性

定义和用法

设置文本或图像出现(浮动)在另一个元素中的什么地方。

语法:

  1. Object.style.cssFloat=left|right|none

可能的值

描述
left 图像或文本浮动在父元素的左边。
right 图像或文本浮动在父元素的右边。
none 图像或文本浮动显示在它在父元素中出现的位置。

提示和注释

注释:如果在一行中对于浮动元素而言空间太少,则这个元素会跳到下一行,这个过程会持续到有足够空间的一行为止。

实例

本例设置图像浮动于左边:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function setFloat()
  5. {
  6. document.getElementById("img1").style.cssFloat="left";
  7. }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <img id="img1" src="logocss.gif" />
  13.  
  14. <p>This is some text. This is some text. This is some text.
  15. This is some text. This is some text. This is some text.
  16. This is some text. This is some text. This is some text.</p>
  17.  
  18. <input type="button" onclick="setFloat()"
  19. value="Set image to float to the left" />
  20.  
  21. </body>
  22. </html>