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

ƽʱ×Ô¼ºËѼ¯ÁËһЩcssµÄÄ£°åÏÂÔØÍøÕ¾
ÏÖÔÚ·ÖÏí¸ø´ó¼Ò
µÚÒ»¸öÊÇopenwebdesign
Õâ¸öÍøÕ¾ÌṩÁ˳¬¶àµÄ¶øÇÒÊÇÃâ·ÑµÄ·ûºÏ±ê×¼µÄcssÄ£°å,ÒÔǰÎÒÔڰٶȿռä
´î½¨²©¿ÍµÄʱºò,¾ÍÊǾ­³£ÔÚÕâÀïÕÒһЩϲ»¶µÄcssÄ£°å,È»ºó¸ù¾ÝÆäÑùʽ
Ä£·Â
µÚ¶þ¸öÊÇDark eye
Õâ¸öÒ²ÊÇÌṩÁËÃâ·ÑµÄcssÄ£°å,ÊýÁ¿Ò²ºÜ¶à,±È½Ïϲ»¶µÄÊÇËû¿ÉÒÔ¸ü¾ßÑÕÉ«À´ ......

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 ͼ½âmargin ºÍ padding µÄÇø±ð

Css ͼ½âmargin ºÍ padding µÄÇø±ð
ÒÔǰ³£³£ÒÔΪmargin ºÍ paddingµÄÇø±ð,¶øÀÏÊÇgoogle,ÏÖÔÚÀíÇåÁË...
ͼ½â:

margin : Ï൱ÓÚ×é¼þµÄ Íâ±ßÔµ ÓëÍⲿ×é¼þµÄ¾àÀë
padding : Ï൱ÓÚ×é¼þµÄ ÄÚ±ßÔµ ÓëÄÚ²¿×é¼þµÄ¾àÀë ......

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

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

ÓÃcss¿ØÖÆcellspacing¡¢cellpadding

ÔÚtableÖпØÖƵ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÒªÓõ½cellspacing¡¢cellpadding£¬Ä¬ÈÏÇé¿öcellspacing¡¢cellpadding¾ù²»Îª0£¬µ«¾­³£µÄ×´¿öΪÁ˲»ÈÃtableµ¥Ôª¸ñÖ®¼äµÄ¼ä¾àÓ°Ïìµ½ÃÀ¹Û£¬ÎÒÃǾ­³£»á°Ñcellspacing¡¢cellpaddingÉèÖÃΪ0£¬Òò´Ë¾­³£¿´µ½“<table cellspacing=0 cellpadding=0>”ÕâÑùµÄ´úÂë¡£ÕâÑù×öÎÞÐÎÖÐÔö¼ÓÁË´ú ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ