易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS FireFox and IE 换行问题解决方案

/* 禁止换行 */
.nowrap{word-break:keep-all;white-space:nowrap;}
/* 强制换行 */
.break{word-break:break-all;}
css强制不换行
div{white-space:nowrap;}
css自动换行
div{ word-wrap: break-word; word-break: normal; }
css强制英文单词断行
div{word-break:break-all;}
大家都知道连续的英文或数字会把DIV或表格边框撑破,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法!
对于div
1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}
eg.
ddd1111111111111111111111111111111111111111111111111111111111111111111
效果:可以实现换行
2.(Firefox浏览器)white-space:normal; word-break:break-all;overflow:hidden;同样的FF下也没有很好的实现方法,只能隐藏或者加滚动条,当然不加滚动条效果更好!
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; }
eg.
ddd1111111111111111111111111111111111111111111111111111111111111111111
效果:容器正常,内容隐藏
对于table
1. (IE浏览器)使用样式table-layout:fixed;
eg.
abcdefghigklmnopqrstuvwxyz 1234567890
效果:可以换行
2.(IE浏览器)使用样式table-layout:fixed与nowrap
eg.
abcdefghigklmnopqrstuvwxyz 1234567890
效果:可以换行
3. (IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap
abcdefghigklmnopqrstuvwxyz 1234567890
abcdefghigklmnopqrstuvwxyz 1234567890
效果:两个td均正常换行
3.(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div
eg.
abcdefghigklmnopqrstuvwxyz 1234567890
abcdefghigklmnopqrstuvwxyz 1234567890
这里单元格宽度一定要用百分比定义
对于div,p等块级元素
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
html
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义
css
#wrap{white-space:normal; width:200px; }
1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行
#wrap


相关文档:

提高页面相应速度之压缩优化js和css文件

Steve Souders在他的《High Performance Web Sites》一书中提出提高网页效率的14条准则,这些可以使用Yahoo! YSlow来进行一个比较形象的检测。
这里主要来说一下第一条准则:Make Fewer HTTP Requests,意思就是尽可能的减少HTTP请求。当时要达到这个目的有很多种方法,其中最重要的一点就是将CSS文件和Javascript文件分别 ......

获取对象CSS属性

//获取一个特定元素的样式属性
function getStyle(elem,name){
//如果该属性存在于style中 则他最近被设置过
if(elem.style[name]){
return elem.style[name];
}
//否则尝试IE方法
else if(elem.currentStyle){
return elem.currentStyle[name];
//W3C方法
}else if(document.defaultview && document ......

网站变成灰黑色 css 代码

 
地震 网站变成灰黑色 css 代码
5.19-5.21为全国哀悼日, 百度、网易、新浪等各大网站均变成了灰黑色网页。怎样使网页变成灰黑色呢?
国务院决定5月19日至21日为全国哀悼日为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。
html {...}{ filter:progid:DXImageTransform.Microsoft.BasicImage(g ......

CSS编码问题导致CSS在IE6下失效不起作用解决办法

问题描述:CSS的编码不对的时候,CSS效果在IE8、IE7、Firefox下可以正常显示,但是在IE6下会使CSS失效,不起作用。
情况分析:今天做一个网站的时候碰到这个问题,搞了半宿没有找到问题所在,着实让我郁闷了好一会,后来上Google和百度了一下,找到了问题所在,CSS文件的编码不正确,网页采用的是utf-8编码的,而CSS是使用 ......

css做渐变背景色集结


css-body背景渐变色的CSS
一、从上往下渐变 
body{ 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); 

二、从左上至右下渐变 
body{ 
FILTER: Alpha( style=1,opacity=25,finishOpacity=100, 
startX=50 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号