css ³¬³öÊ¡ÂÔºÅ
ÈçºÎÓà css ʵÏÖ¶àÐÐÎı¾Òç³öÊ¡ÂÔЧ¹û?
µÚÒ»ÖÖ£ºµ¥ÐÐÎı¾Òç³ö Ô¥Õ¹ʿ¤£¬ºé¶¼Ð¸®¡£ÐÇ·ÖÒíéô£¬µØ½Óºâ®¡£½óÈý½¶ø´øÎåºþ£¬¿ØÂù¾£¶øÒýê±Ô½¡£...
×ÝÏòչʾµÄÎÄ×ÖÒç³öÈçºÎͨ¹ý css ÏÔʾʡÂÔºÅ?
2. ÉèÖÃÎı¾µÄÒç³öÏÔʾΪʡÂԺţº.your-element { white-space: nowrap; /* ½ûÖ¹Îı¾»»ÐÐ */ ...
cssµ±Îı¾³¬³öʱ³öÏÖÊ¡ÂԺŠ- °Ù¶È¾Ñé
ellipsisʹ³¬³ö²¿·ÖÒÔÊ¡ÂÔºÅÏÔʾ£¬clipÖ±½Ó½ØÈ¡Îı¾ÏÔʾÐèÒªµÄ³¤¶È£¬¶ªÆú³¬³ö²¿·Ö£¬
CSSÈçºÎʵÏÖµ¥ÐкͶàÐÐÎı¾Òç³öÏÔʾʡÂÔºÅ
ʵÏÖ·½·¨£ºoverflow: hidden;text-overflow:ellipsis;white-space: nowrap;Ч¹ûÈçͼ£ºµ«ÊÇÕâ¸öÊôÐÔÖ»Ö§³Öµ¥ÐÐÎı¾µÄÒç³öÏÔʾʡÂԺţ¬Èç...
cssÉèÖÃÄÚÈݳ¬³öºóÏÔʾʡÂԺŠ- °Ù¶È¾Ñé
È»ºóʹÓÃwhite-space: nowrapÉèÖÃÄÚÈݲ»»»ÐУ»3.×îºóʹÓÃtext-overflow: ellipsisÉèÖó¬³öÄÚÈÝΪʡÂԺŠ...
ÈçºÎÓÃcss½«³¬³ö²¿·Ö±ä³ÉÊ¡ÂԺŠ- °Ù¶È¾Ñé
1 н¨Ò»¸öhtmlÎļþ£¬ÃüÃûΪtest.html£¬ÓÃÓÚ½²½âÈçºÎÓÃcss½«³¬³ö²¿·Ö±ä³ÉÊ¡ÂԺš£2 ÔÚtest.htmlÎļþÄÚ£¬Ê¹ÓÃdiv...
css³¬³ö²¿·ÖÊ¡ÂԺŠ- °Ù¶È¾Ñé
4 ¶Ôh1±êÇ©¶¨ÒåÒ»¶ÎCSS£¬ÓÃÓÚÉèÖó¬³ö²¿·ÖÊ¡ÂÔºÅÏÔʾ£¬Ê¾Àý£ºh1{ width: 300px;/*¶¨Òå¿éÔªËصĿí¶È*...
cssÈçºÎÉèÖÃÎÄ×Ö³¬³öÒç³öʱÏÔʾʡÂԺŠ- °Ù¶È¾Ñé
5 ÔÚcss±êÇ©ÄÚ£¬Í¨¹ýdiv±êÇ©µÄclassÊôÐÔmybkkdÉèÖÃÎÄ×Ö³¬³öÒç³öʱÏÔʾʡÂԺš£6 ÔÚcssÑùʽ±êÇ©ÀÔÚÀ¨ºÅÄÚ£¬...
ÎÄ×ÖÒç³öÏÔʾʡÂÔºÅtext - overflow:ellipsisÖеĹØÓÚ...
1. µ¥ÐÐÎı¾Òç³ö£ºoverflow: hidden;white-space:nowrap;text-overflow: ellipsis;2. ¶àÐÐÎı¾Òç³ö...
cssÈçºÎÈÃÎı¾Òç³ö²¿·ÖÏÔʾʡÂÔºÅ?(´úÂëʵÀý)
£¨¶àΪ±êÌâµÄ³¬³ö²¿·ÖÏÔʾʡÂԺš££©<DOCTYPE html>CSSÈçºÎʹÎı¾Òç³ö²¿·ÖÏÔʾʡÂԺţ¿µ¥Ðг¬³ö*{margin:...