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
Ïà¹ØÎĵµ£º
Steve SoudersÔÚËûµÄ¡¶High Performance Web Sites¡·Ò»ÊéÖÐÌá³öÌá¸ßÍøÒ³Ð§ÂʵÄ14Ìõ×¼Ôò£¬ÕâЩ¿ÉÒÔʹÓÃYahoo! YSlowÀ´½øÐÐÒ»¸ö±È½ÏÐÎÏóµÄ¼ì²â¡£
ÕâÀïÖ÷ÒªÀ´ËµÒ»ÏµÚÒ»Ìõ×¼Ôò£ºMake Fewer HTTP Requests£¬Òâ˼¾ÍÊǾ¡¿ÉÄܵļõÉÙHTTPÇëÇó¡£µ±Ê±Òª´ïµ½Õâ¸öÄ¿µÄÓкܶàÖÖ·½·¨£¬ÆäÖÐ×îÖØÒªµÄÒ»µã¾ÍÊǽ«CSSÎļþºÍJavascriptÎļþ·Ö±ð ......
1. Ñùʽ±íµÄ¼ò½é£ºÑùʽ±íÓÉÑùʽ¹æÔò×é³É£¬ÕâЩ¹æÔò¸æËßä¯ÀÀÆ÷ÈçºÎÏÔʾÎĵµ¡£
¸ù¾ÝÑùʽ±íËùÔÚλÖ㬿ɷÖΪÐÐÄÚÑùʽ¡¢ÄÚǶÑùʽ±í¡¢ÍⲿÑùʽ±í
Ø Ñùʽ±íµÄ»ù±¾Óï·¨
1£® Ñùʽ¹æÔò£ºh2{color:limegreen;}
&n ......
×î½üÕýÔÚ°ïÅóÓÑ×öÒ»¸ö»ùÓÚWEB2.0µÄÍøÒ³¡£ÒÔǰ×öÍøÒ³Ê±ÍøÒ³ÖеĶ¨Î»Ò»°ã²ÉÓÃTable±í¸ñµÄ·½Ê½À´Íê³É£¬ÊìÃÅÊì·ȥÍê³ÉÒ»¸öÕ¾µãûɶÎÊÌ⣻ÏÖÔÚÁ÷ÐеÄ2.0±ê×¼£¬²»µ«ÔÚÓïÑÔÉÏÓÐÌáÉý£¨ÒªÃ´ÊÇ.Net£¬ÒªÃ´ÊÇPHP5.x£©£¬¶øÇÒÔÚÍøÒ³µÄ×éÖ¯Ñùʽ(DIV±êÇ©)£¬²ãµþÑùʽ±í£¨CSS£©£¬Ajax¼¼ÊõµÈ£¬¶¼ÊÇȫеĸÅÄºÃÔÚ×Ô¼ºÔÚÄ ......
CSSʵÏÖ¾Ö²¿´òÓ¡
¹Ø¼ü×Ö: cssʵÏÖ¾Ö²¿´òÓ¡
ÔÚʵÏÖ´òÓ¡Ô¤ÀÀµÄʱºò£¬¿ÉÒÔ²ÉÓÃJSÀ´Íê³ÉÕâÒ»¹¦ÄÜ£¬µ«ÕâÑù»áÈÃËùÓÐÔÚÒ³ÃæÉϵIJ¿·Ö¶¼´ðÓ¦³öÀ´£¬°üÀ¨Ïñ“´òÓ¡Ô¤ÀÀ”ÕâÑùµÄ°´Å¥Ò²»á´òÓ¡£¬ÕâÑùµÄÇé¿ö£¬¿ÉÒÔ²ÉÓÃCSSÀ´Íê³É¾Ö²¿´ðÓ¦µÄ¹¦ÄÜ¡£
& ......
AJAX×Ô´ÓÒý½øÁËTab£¬×ÅʵÈÃÎÒ¿ªÐÄÁËÒ»·¬¡£µ«ÊÇ£¬ÔÚµ÷ÕûTabµÄÑùʽµÄʱºò£¬Ò²×ÅʵÈÃÎÒ³ÔÁËÒ»¾ª¡£
ÓÚÊÇ£¬±§×ÅûÓÐÀ§ÄÑÒ²ÒªÖÆÔìÀ§ÄѵÄÔÔò£¬¿ªÊ¼ÁËÕ÷;£º
°´ÕÕTab×÷ÕßRonald BucktonËù˵£¬TabµÄCSS°üº¬Èçϼ¸¸öÀࣺ
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
......