Question

css float div中的文字ie兼容模式下自动换行的问题

固定宽度的div1（witdh：980px）中有一堆小div（class=d2，由后台程序生成，宽不固定，float为left），d2内容是文字友情链接（文字字数不等），在搜狗浏览器高速模式下，d2会在排满div1的宽度后自动换行，而在兼容模式下，一行的最后一个d2内的文字会在d2内换行，影响排版美观，哪位大侠知道针对ie兼容模式要怎么处理？

.d2{text-align:left;float:left;height:25px;}

Answer 1

强制不换行

div{
//white-space：不换行;normal 默认;nowrap强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象
white-space:nowrap; }

自动换行

div{
word-wrap: break-word;

//word-break设置强行换行;normal 亚洲语言和非亚洲语言的文本规则，允许在字内换行
word-break: normal;
}

Answer 2

用hack写法就行了 在参数前面限定如height:25px;在前面加个下划线 _height:25px;
这个是ie6特有有写法，写在height:25px;的后面，注意要加分号的哈。ie7 的前面用*height:25px!important;
ie8的在后面加\9; height:25px \9;这个注意中间的空格和后面的分号。更多hack写法。查一下。