Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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Ä£°å,ÊýÁ¿Ò²ºÜ¶à,±È½Ïϲ»¶µÄÊÇËû¿ÉÒÔ¸ü¾ßÑÕÉ«À´ ......

CSS¿ØÖÆ×ó±ß¹Ì¶¨£¬ÓÒ±ß×ÔÓÉÉìÕ¹

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ÎÞ±êÌâÎĵµ</title>
<style>
.main{position:relative;width:100%}
.left{position:absolute;width:200px;border:solid 1px red; height: ......

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ºÅ