假如容器内有两个浮动,并用clear清除浮动。在IE下拖动滚动条时最外层的border会消失-称之为border 断线现象,假如给最外层加上宽度或者高度就不会出现。 解决方案: 1、在父元素中加入高度height:1%;2、在父元素中加入宽度width:100%;3、在父元素中加入背景background:#fff;4、IE特有属性*zoom:1;//不符合标准但有时这个属性非常管用。 对于div,p等块级元素换行 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html<div id=”wrap”>正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义 </div>css#wrap{white-space:normal; width:200px; }1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ; 或者word-break:break-all;实现强制断行#wrap{word-break:break-all; width:200px;}或者#wrap{word-wrap:break-word; width:200px;}<div id=”wrap”>abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>效果:可以实现换行2.(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个 问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条#wrap{word-break:break-all; width:200px; overflow:auto;}<div id=”wrap”>abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111</div>效果:容器正常,内容隐藏3.兼容IE和FF的换行CSS推荐样式:word-wrap:break-word; overflow:hidden;4.table内,(Firefox浏览器)使用 table-layout:fixed;强制table的宽度,内层td,th采用 word-break : break-all;或者word-wrap : break-word ;换行,使用overflow:hidden; 隐藏超出内容,这里overflow:auto;无法起作用.(IE浏览器)在td,th中嵌套div,p等采用上面提到的div,p的换行方法 »本文地址:http://99jty.com/?p=235 »订阅本站:http://winysky.com/feed/»当你从RSS阅览器里看到这篇文章时,还没有评论,还不赶紧过来抢沙发?
转载于:https://www.cnblogs.com/99f2e/archive/2011/10/15/2653159.html