Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSSÎÄ×Ö»»ÐÐÏêϸ½â˵

±¾ÎÄÁоÙÁ˼æÈÝ IE ºÍ FF µØ»»ÐÐ CSS ÍÆ¼öÑùʽ,Ïêϸ½éÉÜÁËword-wrapͬword-breakµØÇø±ð.¼æÈÝ IE ºÍ FF µØ»»ÐÐ CSS ÍÆ¼öÑùʽ£º
×îºÃµØ·½Ê½ÊÇ
word-wrap:break-word; overflow:hidden;
¶ø²»ÊÇ
word-wrap:break-word; word-break:break-all;
Ò²²»ÊÇ
word-wrap:break-word; overflow:auto;
ÕâÖÖ×îºÃµØ·½Ê½,ÔÚ IE ÏÂûÓÐÈκÎÎÊÌâ,ÔÚ FF ÏÂ,³¤´®Ó¢ÎĻᱻÕÚס³¬³öµØÄÚÈÝ.
¼¼Êõ×ܽ᣺
word-wrapÊÇ¿ØÖÆ»»ÐеØ.
ʹÓÃbreak-wordʱ,Êǽ«Ç¿ÖÆ»»ÐÐ.ÖÐÎÄûÓÐÈκÎÎÊÌâ,Ó¢ÎÄÓï¾äҲûÎÊÌâ.µ«ÊǶÔÓÚ³¤´®µØÓ¢ÎÄ,¾Í²»Æð×÷ÓÃ.
break-wordÊÇ¿ØÖÆÊÇ·ñ¶Ï´ÊµØ.
normalÊÇĬÈÏÇé¿ö,Ó¢Îĵ¥´Ê²»±»²ð¿ª.
break-all,ÊǶϿªµ¥´Ê.ÔÚµ¥´Êµ½±ß½çʱ,ϸö×Öĸ×Ô¶¯µ½ÏÂÒ»ÐÐ.Ö÷Òª½â¾öÁ˳¤´®Ó¢ÎĵØÎÊÌâ.
keep-all,ÊÇÖ¸Chinese, Japanese, and Korean²»¶Ï´Ê.¼´Ö»ÓôËʱ,²»ÓÃword-wrap,ÖÐÎľͲ»»á»»ÐÐÁË.£¨Ó¢ÎÄÓï¾äÕý³£.£©
IE주
ʹÓÃword-wrap:break-word;ËùÓеض¼Õý³£.
FireFox주
ÈçÕâ2¸ö¶¼²»Óõػ°,ÖÐÎIJ»»á³öÈκÎÎÊÌâ.Ó¢ÎÄÓï¾äÒ²²»»á³öÎÊÌâ.µ«ÊÇ,³¤´®Ó¢ÎÄ»á³öÎÊÌâ.
ΪÁ˽â¾ö³¤´®Ó¢ÎÄ,Ò»°ãÓÃword-wrap:break-word;word-break:break-all;.µ«ÊÇ,´Ë·½Ê½»áµ¼ÖÂ,ÆÕͨµØÓ¢ÎÄÓï¾äÖеص¥´Ê»á±»¶Ï¿ª£¨IEÏÂÒ²ÊÇ£©.
ĿǰÖ÷ÒªµØÎÊÌâ´æÔÚÓÚ ³¤´®Ó¢ÎÄ ºÍ Ó¢Îĵ¥´Ê±»¶Ï¿ª.Æäʵ³¤´®Ó¢ÎľÍÊÇÒ»¸ö±È½Ï³¤µØµ¥´Ê¶øÒÑ.¼´Ó¢Îĵ¥´ÊÓ¦²»Ó¦¸Ã±»¶Ï¿ªÄÇ£¿ÄÇÎÊÌâºÜÃ÷ÏÔÁË,ÏÔÈ»²»Ó¦¸Ã±»¶Ï¿ªÁË.¶ÔÓÚ³¤´®Ó¢ÎÄ,¾ÍÊǶñÒâµØ¶«Î÷,×ÔÈ»²»ÓÃÈ¥¹ÜÁË.µ«ÊÇ,Ò²ÒªÏëЩ°ì·¨,²»ÈÃËü°ÑÈÝÆ÷³Å´ó.
Óãºoverflow:auto; IEÏÂ,³¤´®»á×Ô¶¯ÕÛÐÐ.FireFoxÏÂ,³¤´®»á±»ÕÚ¸Ç.
ËùÒÔ,×ÛÉÏ,×îºÃµØ·½Ê½ÊÇword-wrap:break-word;overflow:hidden;¶ø²»ÊÇword-wrap:break-word;word-break:break-all;.
word-wrap:break-word;overflow:auto;ÔÚIEÏÂûÓÐÈκÎÎÊÌâ.ÔÚFireFoxÏÂ,³¤´®»á±»ÕÚס²¿·ÖÄÚÈÝ.


Ïà¹ØÎĵµ£º

ÍøÒ³Öг£¼ûCSS HackµÄʹÓÃÕûÀí

_property:value
ÊôÐÔǰ¼Ó_Ïß,¸Ãhack¶ÔIEÓÐЧ£¬ÔÚFFÏÂÎÞЧ
Õâ¶Î´úÂëÔÚIEÏ¿´,divµÄ±ß¿òΪÀ¶É«,¶øÔÚFireFoxÏÂÎÞЧ
<style type="text/css">
.tx_border{_border:1px solid #333333;}/*Õâ¸öÔÚIEÏ¿ÉÒÔ¿´µ½±ß¿òΪ»ÒÉ«£¬¶øÔÚFFÏÂÊÇûÓÐÈκεÄЧ¹û*/
</style>
Ñ¡Ôñ·û {width:IE5.x¿í¶È; voice-family :"\"}\"" ......

IE6/IE7/FFµÄCSS hack ä¯ÀÀÆ÷¼æÈÝ×ܽá

IE6/IE7/FFµÄCSS hack ä¯ÀÀÆ÷¼æÈÝ×ܽá
2010-01-23 15:25
ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷¶ÔCSSµÄÖ§³Ö¼°½âÎö½á¹û²»Ò»Ñù£¬´¦ÀíµÄÓÅÏȼ¶²»Ò»Ñù¡£Õë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´Ð´²»Í¬µÄCSS´ïµ½ÔÚ²»Í¬ä¯ÀÀÆ÷ÏÂÏÔʾÏëÒªµÄЧ¹û¾ÍÊÇcss hack¡£ÏÈÌùÁ½¸öÖ±¹ÛµÄ¶Ô±Èͼ£º
ÔÙÌùÒ»¶Î´úÂ룺
#bgcolor {
background:red !important; /* Firefox µÈÆäËûä¯ÀÀÆ÷ * ......

IE6¡¢IE7¡¢IE8¡¢Firefox¡¢Opera CSS hackÇø·Ö

IE6¡¢IE7¡¢IE8¡¢Firefox¡¢Opera CSS hackÇø·Ö
Õë¶ÔÑùʽÃû
Èç¹ûÖ»ÈÃie6¿´¼ûÓÃ*html .head{color:#000;}
Èç¹ûÖ»ÈÃie7¿´¼ûÓÃ*+html .head{color:#000;}
Èç¹ûÖ»ÈÃff¿´¼ûÓÃ:root body .head{color:#000;}
Èç¹ûÖ»ÈÃff¡¢IE8¿´¼ûÓÃhtml>/**/body .head{color:#000;}
Èç¹ûÖ»ÊDz»ÈÃie6¿´¼ûÓÃhtml>body .head{color:#000;} ......

JavaScript¶¯Ì¬¼ÓÔØCSSµÄÈýÖÖ·½·¨

  JavaScript¶¯Ì¬¼ÓÔØCSSµÄÈýÖÖ·½·¨ ÊÕ²Ø
Èç¹ûÄãÓÐºÜ¶à¹ØÁªµÄCSSÎļþÒªÒ»Æð¼ÓÔØ£¬»òÕßÏ붯̬µÄ¼ÓÔØ²»Í¬µÄCSSÎļþ£¬ÄÇôÏÂÃæµÄ·½·¨ÄãÒ»¶¨¶ÔÄãÓаïÖú¡£
µÚÒ»ÖÖ£ºÒ»°ãÓÃÔÚÍⲿCSSÎļþÖмÓÔØ±ØÐëµÄÎļþ
 ³ÌÐò´úÂë
@import url(style.css);
/*Ö»ÄÜÓÃÔÚCSSÎļþÖлòÕßstyle±êÇ©ÖÐ*/
µÚ¶þÖÖ£º¼òµ¥µÄÔÚÒ³ÃæÖмÓÔØÒ» ......

CSSÑùʽÎļþÓÅ»¯ ¸üÕû½à¶øÇåÎú


CSS¼òд¾ÍÊÇÖ¸½«¶àÐеÄCSSÊôÐÔÉùÃ÷»¯³ÉÒ»ÐУ¬ÓÖ³ÆÎªCSS´úÂëÓÅ»¯¡£CSS¼òдµÄ×î´óºÃ´¦¾ÍÊÇÄܹ»ÏÔ׿õÉÙCSSÎļþµÄ
´óС£¬Æäʵ»¹ÓкܶàÆäËûÒæ´¦¡£Ó·Ö×¶øÔÓÂÒµÄCSSÑùʽ±í»áʹÄãÓöµ½ÎÊÌâÊÇÄÑÒÔµ÷ÊÔ¡£ÓÈÆäÊǵ±Ò»¸öÍŶÓÔÚ½øÐÐÉè¼ÆµÄ
ʱºò£¬ÄãµÄÓ·Ö×µÄCSS´úÂë»áʹÄãµÄÍŶӯäËû³ÉÔ±µÄ¹¤×÷ЧÂÊϽµ¡£
¡¡¡¡½ñÌ죬ÕûÀíÁËһЩCSS¼òÐ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ