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