首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

浏览器中的兼容问题(14)

浏览器中的兼容问题(14)

10. 触发layout

说明:

IE6中很多Bug都可以通过触发layout得到解决.下列的CSS属性或取值会让一个元素获得layout:      

position:absolute 绝对定位元素的包含区块(containingblock)就会经常在这一方面出问题

float:left|right 由于layout元素的特性,浮动模型会有很多怪异的表现

display:inline-block 当一个内联级别的元素需要layout的时候就往往符用到它,这也可能也是这个CSS属性的唯一效果----让某个元素有layout

width: 除auto外的任何值

height: 除auto外的任何值

zoom: 除auto外的任何值


11、如何使连续长字段自动换行

ff最新版本word-wrap:break-word;就可以了

ff旧版本 还要使用javascript完成文字换行

type="text/css">

div {

      width:300px;

      word-wrap:break-word;

      border:1px solid red;

       }



function toBreakWord(intLen){

varobj=document.getElementByIdx_x("ff");

var strContent=obj.innerHTML;

var strTemp="";

while(strContent.length>intLen){

strTemp+=strContent.substr(0,intLen)+" ";

strContent=strContent.substr(intLen,strContent.length);

}

strTemp+=" "+strContent;

obj.innerHTML=strTemp;

}

if(document.getElementByIdx_x &&  !document.all)  toBreakWord(37)
返回列表