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


Ïà¹ØÎĵµ£º

DIV+CSSµÄÃüÃû¹æÔò


Ò»¸öÍøÕ¾µÄÓÅ»¯Óкܶ๤×÷Òª×ö£¬ÆäÖжԴúÂëµÄÓÅ»¯ÊÇÒ»¸öºÜ¹Ø¼üµÄ²½Ö衣ΪÁ˸ü¼Ó·ûºÏSEOµÄ¹æ·¶£¬ÏÂÃæ½«¶ÔĿǰÁ÷ÐеÄDIV+CSSµÄÃüÃû¹æÔòÕûÀíÈçÏ£º
ҳͷ£ºheader                  µÇ¼Ìõ£ºloginBar
±êÖ¾£ºlogo   & ......

div+css ÍøÒ³²¼¾Ö

½ñÌì¸Õ۵ģ¬ºÇºÇ
index.asp
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-T ......

CSS ÖÐcursorµÄ×÷Ó㺠Òýµ¼Óû§

¹ØÓÚcursorµÄ˵Ã÷£¬ÊéÉÏÊÇÕâÑù½²µÄ£º
      ÉèÖûò¼ìË÷ÔÚ¶ÔÏóÉÏÒÆ¶¯µÄÊó±êÖ¸Õë²ÉÓõĹâ±êÐÎ×´¡£
´ËÊôÐÔµÄÖµ¿ÉÒÔÊǶà¸ö£¬Æä¼äÓöººÅ·Ö¸ô¡£¼ÙÈçµÚÒ»¸öÖµ²»¿ÉÒÔ±»¿Í»§¶ËϵͳÀí½â»òËùÖ¸¶¨µÄ¹â±êÎÞ·¨ÕÒµ½¼°ÏÔʾ£¬ÔòµÚ¶þ¸öÖµ½«±»³¢ÊÔʹÓá£ÒÀ´ËÀàÍÆ¡£¼ÙÈçÈ«²¿Öµ¶¼²»¿ÉÓõϰ£¬Ôò´ËÊôÐÔ²»»á·¢Éú×÷Ó᣹ ......

CSS CookbookÀý×Ó£º´´½¨Ë®Æ½µ¼º½²Ëµ¥


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css"><!--
#navsite h5 {
display: none
}
#navsite ul {
......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ