电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 浏览器中的兼容问题（14） [打印本页]

作者: look_w 时间: 2019-3-7 19:06 标题: 浏览器中的兼容问题（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)

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)