Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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 :"\"}\"" ......

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

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

Div+CSS²¼¾ÖÈëÃŽ̳Ì

1  Ò³Ãæ²¼¾ÖÓë¹æ»®
2  дÈëÕûÌå²ã½á¹¹ÓëCSS
3  Ò³Ãæ¶¥²¿ÖÆ×÷Ö®Ò»
4  Ò³Ãæ¶¥²¿ÖÆ×÷Ö®¶þ
5  Ò³ÃæÖÆ×÷-ÓúÃborderºÍclear
ÔÚÍøÒ³ÖÆ×÷ÖУ¬ÓÐÐí¶àµÄÊõÓÀýÈ磺CSS¡¢HTML¡¢DHTML¡¢XHTMLµÈµÈ¡£ÔÚÏÂÃæµÄÎÄÕÂÖÐÎÒÃǽ«»áÓõ½Ò»Ð©ÓйØÓÚHTMLµÄ»ù±¾ÖªÊ¶£¬¶øÔÚÄãѧϰÕâÆªÈëÃŽ̳Ì֮ǰ£¬ÇëÈ·¶¨ÄãÒѾ­¾ßÓÐ ......

³ÎÇåDIV+CSSÉè¼ÆµÄÎóÇø


µ±DIV+CSSƽµØÆð¾ªÀ×ͻȻ³öÏÖÔÚÍøÒ³Éè¼ÆÐÐÒµµÄʱºò£¬¹Ù·½¡¢Ãñ¼äÎÞ²»ÍƳ籸ÖÁ£¬·Â·ðTableÉè¼ÆµÄʱ´ú¾ÍÒªÖսᣬÂí
ÉϾÍÒª²½ÈëDIV+CSSµÄʱ´ú£¬²»¶®µÃDIV+CSSÄã¶¼²»ºÃÒâ˼˵Äã»áÍøÒ³Éè¼Æ£¬²»ÖªDIV+CSSÄã¶¼²»ºÃÒâ˼˵ÄãÊÇÕ¾³¤£¬Äã
Òª»¹ÊÇÓÃTABLEÀ´Éè¼ÆÕ¾µã£¬ÎÞÊý±ÉÒÄÖ®¹â¾ÍͶÉä¶øÀ´¡£
¡¡¡¡È»¶øDIV+CSSÕæµÄÓÐÕâôÉñÂð?¸ÃÔõà ......

DIV+CSSÉñ»°

×÷Ϊһ¸öÉí´¦ 2009ÄêµÄ Web Éè¼ÆÊ¦£¬ÄãÊÇ·ñºÃÒâ˼³ÐÈÏ×Ô¼ºµÄ´úÂëÖÐʹÓÃÁË Table£¬Èç¹ûÊÇ£¬ÄãÊÇÒ»¸öÓÐÓÂÆøµÄÈË£¬
Web Éè¼ÆÊǸöÆæ¹ÖµÄÐÐÒµ£¬Äã¿ÉÒÔ½«×Ô¼ºµÄÍøÕ¾Éè¼ÆµÃÏñÍí±¨µÄ·ÖÀà¹ã¸æ£¬»òÕßÂ¥µÀÀïµÄ¿ªËø¹ã¸æ£¬µ«Ç§Íò±ðÈÃÈËÖªµÀ
ÄãʹÓÃÁË Table£¬ÔÚÄãµÄÔ´´úÂëÖз¢ÏÖ Table ¾ÍÏñÒ»¸öÏúÊÛ±»ÈËÏÆÆð¿ã½Å·¢ÏÖ´©Á˰×Íà×ÓÒ»Ñù¡£
T ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ