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
Ïà¹ØÎĵµ£º
×î½üÕýÔÚ°ïÅóÓÑ×öÒ»¸ö»ùÓÚWEB2.0µÄÍøÒ³¡£ÒÔǰ×öÍøÒ³Ê±ÍøÒ³ÖеĶ¨Î»Ò»°ã²ÉÓÃTable±í¸ñµÄ·½Ê½À´Íê³É£¬ÊìÃÅÊì·ȥÍê³ÉÒ»¸öÕ¾µãûɶÎÊÌ⣻ÏÖÔÚÁ÷ÐеÄ2.0±ê×¼£¬²»µ«ÔÚÓïÑÔÉÏÓÐÌáÉý£¨ÒªÃ´ÊÇ.Net£¬ÒªÃ´ÊÇPHP5.x£©£¬¶øÇÒÔÚÍøÒ³µÄ×éÖ¯Ñùʽ(DIV±êÇ©)£¬²ãµþÑùʽ±í£¨CSS£©£¬Ajax¼¼ÊõµÈ£¬¶¼ÊÇȫеĸÅÄºÃÔÚ×Ô¼ºÔÚÄ ......
//»ñȡһ¸öÌØ¶¨ÔªËصÄÑùʽÊôÐÔ
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Óï·¨£¨²»Çø·Ö´óСд£©
JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
ÕâÀïÌṩcssÂ˾µ´úÂ룬
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
ʹÓ÷½·¨£ºÕâ¶Î´úÂë¿ÉÒÔ±äÍøÒ³ÎªºÚ°×£¬½«´úÂë¼Óµ½ÍøÕ¾Ò³ÃæCSS×î¶¥¶Ë¾Í¿ÉÒÔʵÏÖËØ×°¡£
Èç¹ûÍøÕ¾Ã»ÓÐʹÓÃCSS£¬¿ÉÒÔÔÚÍøÒ³/Ä£°åµÄHTML´úÂë<head>ºÍ</head> Ö®¼ä²åÈ룺
<style>
html{filter:progid: ......