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

Óà CSS ʵÏÖÎı¾¹ý³¤Ê±£¬Ê¡ÂԺš°¡­¡­¡±ÏÔʾЧ¹û¡£


Html´úÂë 
view plaincopy to clipboardprint?  
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">    
<nobr>¾ÍÊDZÈÈçÓÐÒ»ÐÐÎÄ×Ö£¬ºÜ³¤£¬±í¸ñÄÚÒ»ÐÐÏÔʾ²»ÏÂ.</nobr>    
<nobr>ÕâÊDz»¸Ã»»ÐеÄÎı¾,ÕâÊÇÒ»Ðв»¸Ã»»ÐеÄÎı¾ ,ÕâÊÇÎı¾ÐеĽáβ¡£</nobr>    
</div>    
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">  
<nobr>¾ÍÊDZÈÈçÓÐÒ»ÐÐÎÄ×Ö£¬ºÜ³¤£¬±í¸ñÄÚÒ»ÐÐÏÔʾ²»ÏÂ.</nobr>  
<nobr>ÕâÊDz»¸Ã»»ÐеÄÎı¾,ÕâÊÇÒ»Ðв»¸Ã»»ÐеÄÎı¾ ,ÕâÊÇÎı¾ÐеĽáβ¡£</nobr>  
</div>   
½âÊÍ£º<nobr></nobr>±êÇ©Óë<br/>±êÇ©¶ÔÁ¢£¬±íʾ²»»»ÐУ¬ÕâÀï×îÇ¿µÄÊÇtext-overflow:ellipsis£»À´¿´Ò»CSSÖжÔÕâÒ»ÊôÐԵĽâÊÍ£º 
Óï·¨£º 
¡¡¡¡text-overflow : clip | ellipsis 
¡¡¡¡²ÎÊý£º 
¡¡¡¡clip : ¡¡²»ÏÔʾʡÂÔ±ê¼Ç£¨...£©£¬¶øÊǼòµ¥µÄ²ÃÇР
¡¡¡¡£¨clipÕâ¸ö²ÎÊýÊDz»³£Óõģ¡£© 
¡¡¡¡ellipsis : ¡¡µ±¶ÔÏóÄÚÎı¾Òç³öʱÏÔʾʡÂÔ±ê¼Ç£¨...£© 
¡¡¡¡ËµÃ÷£º 
¡¡¡¡ÉèÖûò¼ìË÷ÊÇ·ñʹÓÃÒ»¸öÊ¡ÂÔ±ê¼Ç£¨...£©±êʾ¶ÔÏóÄÚÎı¾µÄÒç³ö¡£ 
¡¡¡¡×î´óµÄȱµã£ºtext-overflow:ellipsisÊôÐÔÔÚFFÖÐÊÇûÓÐЧ¹ûµÄ¡£ 
×¢Ò⣺
Ò»¡¢½ö¶¨Òåtext-overflow:ellipsis; ²»ÄÜʵÏÖÊ¡ÂÔºÅЧ¹û¡£ 
¶þ¡¢¶¨Òåtext-overflow:ellipsis; white-space:nowrap; ͬÑù²»ÄÜʵÏÖÊ¡ÂÔºÅЧ¹û¡£ 
Èý¡¢Í¬Ê±Ó¦Ó㺠text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ʵÏÖÁËËùÏëÒªµÃµ½µÄÒç³öÎı¾ÏÔʾʡÂÔºÅЧ¹û£º 
ÇëÄú·Ç·²×¢ÖØ£¬text-overflow:ellipsisÊôÐÔÔÚFFÖÐÊÇûÓÐЧ¹ûµÄ¡££¨Y_Y£© 
Ô­ÎÄ£ºhttp://zzx0421.javaeye.com/blog/450958


Ïà¹ØÎĵµ£º

CSSÑ¡Ï

<!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-Type" content="text/html; charset=gb2312" />
<title>ÎҵĻ¬¶¯ÃÅ& ......

[css Hack]IE6,IE7,IE8,FireFoxµÄcssÏàÈÝÐÔ

1.Çø±ðIEºÍFirefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6¡¢IE7¡¢IE8*/
}
2.Çø±ðIE6¡¢IE7¡¢IE8¡¢Firefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6¡¢IE7¡¢IE8 */
*background:black; /*IE7 */
_background:orange; /*IE6 */
}
×¢Ò⣬ÎÞÂÛÔõÑù£¬¶¼ÊÇFireFox ......

IEÓëFirefoxµÄCSS¼æÈÝ

CSS¶Ôä¯ÀÀÆ÷Æ÷µÄ¼æÈÝÐÔ¾ßÓкܸߵļÛÖµ£¬Í¨³£Çé¿öÏÂIEºÍFirefox´æÔںܴóµÄ½âÎö²îÒ죬ÕâÀï½éÉÜһϼæÈÝÒªµã¡£
¡¡¡¡³£¼û¼æÈÝÎÊÌ⣺
¡¡¡¡1.DOCTYPE
Ó°Ïì CSS ´¦Àí
¡¡¡¡2.FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ­¾ÓÖÐ, IE
²»ÐÐ
¡¡¡¡3.FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ
m ......

CSSÁ´½ÓÒýÈë¾­Ñé

½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺´íÎóµÄ£º
½áÂÛ£º relÊÇRelationsµÄËõд Ö¸¹ØÁªµ½Ò»¸östylesheet£¨Ñùʽ±íµ¥) ÔÚ±êÇ©ÖУ¬“rel=stylesheet”£¬relÊǹØÁªµÄÒâ˼£¬¹ØÁªµÄÊÇÒ»¸öÑùʽ±í(stylesheet)Îĵµ£¬Ëü±íʾÕâ¸ölinkÔÚÎĵµ³õʼ»¯Ê±½«±»Ê¹Óá£ÇмÉ©дrel,·ñÔòÒýÈëµÄCSSÎÞЧ£¡ ......

CSSÈëÃŽ̳ÌÖ®CSSµÄÓï·¨

1.»ù±¾Óï·¨
¡¡¡¡
¡¡¡¡CSSµÄ¶¨ÒåÊÇÓÉÈý¸ö²¿·Ö¹¹³É£ºÑ¡Ôñ·û£¨selector£©£¬ÊôÐÔ£¨properties£©ºÍÊôÐÔµÄÈ¡Öµ£¨value£©¡£
¡¡¡¡»ù±¾¸ñʽÈçÏ£º
¡¡¡¡selector { property: value}
¡¡¡¡£¨Ñ¡Ôñ·û { ÊôÐÔ£ºÖµ}£©
¡¡¡¡Ñ¡Ôñ·ûÊÇ¿ÉÒÔÊǶàÖÖÐÎʽ£¬Ò»°ãÊÇÄãÒª¶¨ÒåÑùʽµÄHTML±ê¼Ç£¬ÀýÈçBODY¡¢P¡¢TABLE……£¬Äã¿ÉÒÔÍ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ