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

css×Ô¶¯»»ÐÐ(ת)

Á¬ÐøµÄÓ¢ÎÄ»òÊý×ÖÄÜÊÇÈÝÆ÷±»³Å´ó£¬²»Äܸù¾ÝÈÝÆ÷µÄ´óС×Ô¶¯»»ÐУ¬¶ÔÓÚDivºÍtableÒÔ¼°²»Í¬µÄä¯ÀÀÆ÷£¬ÊµÏÖcss×Ô¶¯»»Ðеķ½·¨¶¼ÉÔÓв»Í¬£¬ÏÂÃæ·Ö±ð½éÉÜ£º
      ¶ÔÓÚdiv
¡¡¡¡1.£¨IEä¯ÀÀÆ÷£©white-space:normal; word-break:break-all;ÕâÀïÇ°ÕßÊÇ×ñÑ­±ê×¼¡£
ÒÔÏÂÊÇÒýÓÃƬ¶Î£º
#wrap{white-space:normal; width:200px; }
»òÕß
#wrap{word-break:break-all;width:200px;}
<div id="wrap">ddd111111111111111111111111111111</div>
¡¡¡¡Ð§¹û£º¿ÉÒÔʵÏÖ×Ô¶¯»»ÐÐ
¡¡¡¡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; }
<div id="wrap">ddd1111111111111111111111111111111111111111</div>
¡¡¡¡Ð§¹û£ºÈÝÆ÷Õý³££¬ÄÚÈÝÒþ²Ø
      ¶ÔÓÚtable
¡¡¡¡1. (IEä¯ÀÀÆ÷)ʹÓÃÑùʽtable-layout:fixed£»
ÒÔÏÂÊÇÒýÓÃƬ¶Î£º
<style>
.tb{table-layout:fixed}
</style>
<table class="tbl" width="80">
<tr><td>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</table>
¡¡¡¡Ð§¹û£º¿ÉÒÔ×Ô¶¯»»ÐÐ
¡¡¡¡2.(IEä¯ÀÀÆ÷)ʹÓÃÑùʽ
ÒÔÏÂÊÇÒýÓÃƬ¶Î£º
<style>
.tb {table-layout:fixed}
</style>
<table class="tb" width="80"><tr><td nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td></tr>
</table>
¡¡¡¡Ð§¹û£º¿ÉÒÔ×Ô¶¯»»ÐÐ
¡¡¡¡3. (IEä¯ÀÀÆ÷)ÔÚʹÓðٷֱȹ̶¨td´óСÇé¿öÏÂʹÓÃÑùʽtable-layout:fixedÓënowrap
ÒÔÏÂÊÇÒýÓÃƬ¶Î£º
<style>
.tb{table-layout:fixed}
</style>
<table class="tb" width=80>
<tr>
<td width=25% nowrap>
abcdefghigklmnopqrstuvwxyz 1234567890
</td>
<td nowrap>abcdefghigklmnopqrstuvwxyz 1234567890</td>
</tr>
</table>
¡¡¡¡Ð§¹û£ºÁ½¸ötd¾ùÕý³£×Ô¶¯»»ÐÐ
¡¡¡¡4.(Firefoxä¯ÀÀÆ÷)ÔÚʹÓðٷֱȹ̶¨td´óСÇé¿öÏÂʹÓÃÑùʽtable-layout:fixedÓënowrap,²¢ÇÒÊ


Ïà¹ØÎĵµ£º

CSS ¸¡¶¯ÔªËØ£¨float£©

ÎÒÃÇ¿ÉÒÔͨ¹ýCSSÊôÐÔfloatÁîÔªËØÏò×ó»òÏòÓÒ¸¡¶¯¡£Ò²¾ÍÊÇ˵£¬ÁîºÐ×Ó¼°ÆäÖеÄÄÚÈݸ¡¶¯µ½Îĵµ£¨»òÕßÊÇÉϲãºÐ×Ó£©µÄÓұ߻òÕß×ó±ß£¨²Î¼ûµÚ9¿Î¹ØÓÚºÐ×´Ä£Ð͵ÄÃèÊö£©¡£ÏÂͼ²ûÃ÷ÁËÆäÔ­Àí£º
¾Ù¸öÀý×Ó£¬¼ÙÈçÎÒÃÇÏëÈÃÒ»ÕÅͼƬ±»Ò»¶ÎÎÄ×ÖΧÈÆ×Å£¬ÄÇôÆäÏÔʾЧ¹û½«ÈçÏÂËùʾ£º
ÈçºÎʵÏÖÕâ¸öЧ¹û£¿
ÉÏÀýµÄHTML´úÂëÈçÏÂËùʾ£º
<div i ......

CSS ÔªËصĶ¨Î»

CSS¶¨Î»ÁîÄã¿ÉÒÔ½«Ò»¸öÔªËؾ«È·µØ·ÅÔÚÒ³ÃæÉÏÄãËùÖ¸¶¨µÄµØ·½¡£ÁªºÏʹÓö¨Î»Ó븡¶¯£¨²Î¼ûµÚ13¿Î£©£¬Ä㽫Äܹ»´´½¨¶àÖָ߼¶¶ø¾«È·µÄ²¼¾Ö¡£
±¾¿ÎÎÒÃǽ«ÌÖÂÛÒÔÏÂÄÚÈÝ£º
CSS¶¨Î»µÄÔ­Àí
¾ø¶Ô¶¨Î»
Ïà¶Ô¶¨Î»
CSS¶¨Î»µÄÔ­Àí
°Ñä¯ÀÀÆ÷´°¿ÚÏëÏó³ÉÒ»¸ö×ø±êϵͳ£º
CSS¶¨Î»µÄÔ­ÀíÊÇ£ºÄã¿ÉÒÔ½«ÈκκÐ×Ó£¨box£©·ÅÖÃÔÚ×ø±êϵͳµÄÈκΠ......

CSS¿ØÖÆÎı¾´¹Ö±¾ÓÖеļ¼ÇÉ

ºÜ¶àʱºòÍøÒ³Éè¼ÆÖлáÓöµ½¾ÓÖд¦ÀíÎÊÌ⣬°üÀ¨ºáÏòˮƽ¾ÓÖкʹ¹Ö±ÊúÖ±¾ÓÖÐÎÊÌ⣬¶ÔÓÚÇ°ÕßÒ»°ãµÄ·½·¨¿ÉÒÔ²ÉÓÓtext-align:center”ºÍ“margin:0 auto”½øÐÐÓÐЧ¿ØÖÆ£¬Ïà¶Ô±È½Ï¼òµ¥Ò»Ð©£»¶ø´¹Ö±Ë®Æ½¾ÓÖеÄÎÊÌâ¾ÍÏԵò»ÊÇÄÇôÈÝÒס£
ÏÂÃæ±¾Õ¾¾Í´ËÎÊÌâ̸һµãCSS¶ÔÎı¾½øÐд¹Ö±ÊúÖ±¾ÓÖпØÖƵļ¼ÇÉ¡£
µ¥ÐÐÎ ......

css¼æÈÝIE8


<meta http-equiv="x-ua-compatible" content="ie=7" />
IE6¡¢IE7¡¢FirefoxµÈä¯ÀÀÆ÷µÄ¼æÈÝÐÔÎÊÌâÈÃÍøÒ³Éè¼ÆʦÃÇ´óÉËÄԽ±¾À´ÍøÒ³Éè¼ÆÊǼþºÜÓÐȤµÄÊÂÇ飬µ«ÊÇÈ´±»Õâ¶àÓà¼æÈݹ¤×÷ÉËÄԽÌرðÊÇÈÃÈËÍÙÆúµÄIE6£¬¶àÉÙÈËÏëÈÃËüÏûʧ£¬¿ÉÊÇËü¾ÍÊÇÏûʧ²»ÁË£¬Î¢Èí»¹Ëµ²»»áÍ£Ö¹¶ÔIE6£¬Õæ¹»ÓôÃƵġ£
   &n ......

Css Hack

IE¶¼ÄÜʶ±ð*;±ê×¼ä¯ÀÀÆ÷(ÈçFirefox,Opera,Netscape)²»ÄÜʶ±ð*£»
IE6ÄÜʶ±ð*£¬µ«²»ÄÜʶ±ð !important,
IE7ÄÜʶ±ð*£¬Ò²ÄÜʶ±ð!important;
FF²»ÄÜʶ±ð*£¬µ«ÄÜʶ±ð!important;
дÁ½¾ä´úÂëÀ´¿ØÖÆÒ»¸öÊôÐÔ£¬Çø±ðFirefoxÓëIE6£º
background:orange;*background:blue; //
ÕâÒ»¾ä´úÂëд³öÀ´Ê±£¬ÄãÓÃfirefox»òÆäËü·ÇIEä¯ÀÀʱ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ