cssʵÏÖÇ¿ÖÆ²»»»ÐÐ/×Ô¶¯»»ÐÐ/Ç¿ÖÆ»»ÐÐ
Ç¿ÖÆ²»»»ÐÐ
div{
white-space:nowrap;
}
×Ô¶¯»»ÐÐ
div{
word-wrap: break-word;
word-break: normal;
}
Ç¿ÖÆÓ¢Îĵ¥´Ê¶ÏÐÐ
div{
word-break:break-all;
}
Ô´µØÖ·£ºhttp://www.iwms.net/n1919c40.aspx
Ïà¹ØÎĵµ£º
ÆÁ±ÎIEä¯ÀÀÆ÷£¨Ò²¾ÍÊÇIEϲ»ÏÔʾ£©
*:lang(zh) select {font:12px !important;} /*FF,OP¿É¼û£¬ÌرðÌáÐÑ£ºÓÉÓÚOpera×î½üµÄÉý¼¶£¬Ä¿Ç°´Ë¾äֻΪFFËùʶ±ð*/
select:empty {font:12px !important;} /*safari¿É¼û*/
ÕâÀïselectÊÇÑ¡Ôñ·û£¬¸ù¾ÝÇé¿ö¸ü»»¡£µÚ¶þ¾äÊÇMACÉÏsafariä¯ÀÀÆ÷¶ÀÓеġ£½öIE7ÓëIE5.0 ......
°×É« #FFFFFF 2 ºìÉ« #FF0000 3 ÂÌÉ« #00FF00 ......
<style>
.a
{
background-color:#000000;
}
.b
{
background-color:#ffffff;
}
</style>
<ul>
<li id="aaa1" onclick="setClassName(this,'a')"> <a href="#">aaaa</a> </li>
<li id="aaa2" onclick="setClassName(this,'a')"> <a href="#"&g ......
ͨ³£µÄÎÒÃÇÔÚ¶ÁÈ¡ÎÄÕ±êÌâµÄʱºò£¬Óöµ½×Ö·û¹ý¶à£¬¶¼ÊÇͨ¹ý³ÌÐòÔÚSERVER¶Ë½ØÈ¡Ò»¶¨µÄ×Ö·ûÊý£¬È»ºóÌí¼Ó...À´ÊµÏÖ±êÌⳤ¶È½ØÈ¡µÄ¡£ÆäʵÎÒÃÇÒ²¿ÉÒÔͨ¹ýCSSÀ´¿ØÖÆ¡£
ʵÁÐÈçÏ£º
.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
¿ÉÓÃspan»òdivÒ ......
¶ÔDIV+CSSż»¹ÊÇÐÂÊÖ,ËùÒÔ¶ÔIDÓëCLASSÖ®¼äµÄÇø±ð,żµ½½ñÌìÒ²»¹ÊÇÓÐЩÐíÃÔã,¸Õ²Å²éÁËÏÂÏà¹Ø×ÊÁÏ,¹ûÈ»¸øÅ¼Ö¸Ã÷ÁË·½Ïò,ÏÂÃæÊÇËüÃÇÖ®¼äµÄÇø±ðÀ´×ÔÍøÉÏÄÚÈÝÎÒ°ÑËüÊÕ²ØÁ˽øÀ´,ÒÔ±ã²Î¿¼: ¡¡ ¡¡¡¡
Ò»¡¢ÔÚweb±ê×¼ÖÐÊDz»ÈÝÐíÖØ¸´IDµÄ£¬ÀýÈç div id="a" ²»ÈÝÐíÖØ¸´2´Î£»¶øclassËù¶¨ÒåµÄÊÇÀ࣬ÀíÂÛÉÏ¿ÉÒÔÎÞÏÞÖØ¸´¡£ÒÔ¸ù¾ÝÐèÒª¶à´ÎÒýÓà ......