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

      <asp:GridView ID="GridView1" runat="server" Width="100%" 
                   HorizontalAlign="Center" CellPadding="1" AutoGenerateColumns="False"  AllowPaging="true" ......

cssµÄÊ®°Ë°ã¼¼ÇÉ

Ô­ÎÄ×÷ÕߣºRoger Johansson
×÷Õß¼ò½é£º×¡ÔÚÈðµä¸çµÂ±¤£¬1994Ä꿪ʼ½Ó´¥ºÍ²ÎÓëwebÉè¼Æ£¬456 Berea StreetÊÇËûµÄסַ£¬Òò´Ë²ÉÓÃÕâ¸öÃû×Ö×÷ΪËûµÄ¸öÈËÖ÷Ò³ÓòÃû
Ô­Îijö´¦£ºwww.456bereastreet.com
Ô­ÎÄ·¢±íʱ¼ä£º2005Äê3ÔÂ15ÈÕ
°¢½Ý˵Ã÷£º´ËÎÄÔ­Ãû"CSS tips and tricks"£¬ÓÐ2ƪ£¬ÎÒ½«ËüÃǺϲ¢·­ÒëÔÚ±¾ÎÄÖС£
×î½ü,¾­³ ......

CSSÊ®ÌõËټǿھ÷

Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄÄλ¸ßÈ˰ÑCSS BUG±à³ÉÁË˳¿ÚÁïÁË£¡¿´¿´ºÃ²»ºÃ¼ÇסĨ£¿
Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£»
¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬ÈÝÆ÷×ÔÈ»ÏÔÆäÖУ»
Èý¡¢ÈýÏñËØÎı¾ÂýÒÆ²»±Ø»Å£¬¸ß¶ÈÉèÖðïÄãæ£»
ËÄ¡¢¼æÈݸ÷¸ ......

css¿ØÖÆÍ¼Æ¬°´±ÈÀýËõС

IE6ʵÏÖ·½·¨:
HTML²¿·Ö:
<imgsrc="..."alt="..."onload="resizeImage(this)"/>

JS²¿·Ö:
<mce:scripttype="text/javascript"><!--

functionresizeImage(obj){
obj.width=obj.width>50&&obj.width>obj.height?50:auto;
obj.height=obj.height>50?50:auto;
}
// -->&l ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ