今天写了一段javascript脚本,要用到float属性,发现float这种写法对IE和FF都不起作用,后来改为styleFloat发现对IE起作用了,但是在FF下却没反应,后来在改为cssFloat,FF下没问题了,IE却又不行了,得出一个结论:
ie下:style.styleFloat
ff下:style.cssFloat
一般也可以写上style.float
下面给出一种兼容的写法:
<script language="javascript">
function changelayout()
{
document.getElementById('colleft').style.float=document.getElementById('colleft').style.float=='right'?'left':'right';
document.getElementById('colleft').style.styleFloat=document.getElementById('colleft').style.styleFloat=='right'?'left':'right';
//兼容IE
document.getElementById('colleft').style.cssFloat=document.getElementById('colleft').style.cssFloat=='right'?'left':'right';
//兼容FF
}
</script>
分享到:
相关推荐
浮动(Float)是CSS布局中的一个关键概念,它主要用于创建多列布局和控制元素的排列方式。`float`属性允许元素在文档流中浮动,从而影响周围元素的布局。本篇将详细介绍`float`属性及其在页面布局中的作用。 ### 1....
CSS 浮动属性 Float 详解 CSS 浮动属性 Float 是一种重要的定位属性,允许页面元素浮动在其他元素旁边。Float 属性可以取四个值:Left、Right、None 和 Inherit。其中,Left 和 Right 分别浮动元素到左边和右边,...
- 对于现代浏览器来说,使用 `element.style.cssFloat` 是更为推荐的做法,因为 `styleFloat` 已经被废弃。 4. **示例代码**: ```javascript function setFloat(element, direction) { if (typeof element....
CSS浮动float属性详解 在Web开发中,布局是非常重要的一方面,浮动float属性是CSS布局中非常关键的属性。通过对浮动float属性的理解和掌握,我们可以更好地实现网页的布局和排版。 Float浮动属性基本释义 float...
css float是一个经常需要使用的css属性,该属性用于设置css块级元素的浮动方向(左右浮动)。本文向码农介绍css float使用方法和实例应用。 Css的float浮动属性,用于设置标签对象(如:标签盒子、标签、标签、标签...
### CSS Float 属性详解 #### 一、引言 在CSS布局中,`float`属性是一种非常重要的布局手段,主要用于创建复杂的页面结构。通过本文档,我们将深入探讨`float`属性的基本概念、工作原理以及常见应用场景,帮助读者...
在CSS布局中,浮动(float)属性主要用于创建多列布局,通常我们使用的浮动方式是`float:left`或`float:right`,但这两种方法并不能直接实现元素的居中对齐。标题提到的“css 跨浏览器实现 float:center”实际上是指...
在讨论CSS中float布局换行问题之前,首先要了解CSS float属性的基本原理。float属性是一种非常有用的CSS布局方式,它允许元素向左或向右浮动,直到它的外边缘碰到包含框或另一个浮动元素的边框为止。使用float属性...
DIVCSS布局:CSS浮动float属性详解.doc
相信很多人都有这样的问题,在页面布局中float和position:absolute哪个更好用呢?既然是布局,就用float好,这个我比较常用。这个浮动是可以清除的,一般不会影响整体布局。而position,定位,是不受约束的,这个...
我并没有对CSS所有的属性都有很清晰的情感化的理解,我用CSS才几年啊,我要学的...但是,对于CSS中常用的float属性,我还是有些感觉的,这也是本文的主旨所在。本文将会从我的一些感性的认识的角度讲解CSS float属性
在这个特定的案例中,“div+css float 布局,适配手机”指的是利用 CSS 的浮动属性 (`float`) 来创建响应式网页布局,以便在手机等移动设备上也能正常显示。 浮动布局(float layout)是 CSS 中一个经典但仍然广泛...
为了确保代码能够在各种浏览器中正常运行,建议使用`style.cssFloat`或`style.styleFloat`来设置`float`属性,并根据不同的浏览器环境选择合适的方法来获取`float`属性的值。这种方法可以有效地提高代码的兼容性和可...