CSSÇ¿ÖÆ²»»»ÐÐ(white space:nowrap)IEʹÓÃÎÊÌâ
ʲôÇé¿öÏ»á³öÏÖ»»ÐУº
µ±ÔªËØÉèÖÃÁ˹̶¨¸ß¶È£¬²¢ÇÒÎı¾³¤¶È´óÓÚ±êÇ©ÔªËØµÄ¿í¶Èʱ£¬Îı¾»á×Ô¶¯»»ÐС£
cssÇ¿ÖÆ»»ÐÐʹÓÃÑùʽ£ºwhite-space:nowrap;¸ÃÑùʽ´ÓЧ¹ûÉÏÊÇûÓÐä¯ÀÀÆ÷²îÒ죬ʹÓøÃÑùʽºóËùÓÐÎÄ×ÖÔÚieºÍfirefox϶¼ÔÚÒ»ÐÐÄÚÏÔʾ¡£µ«ÊÇÔÚIEÏÂʹÓøÃÊôÐÔÖµºó±êÇ©ÔªËØ¿í¶È»á±»³Å´ó£¬´Ó¶ø¿ÉÄܵ¼ÖÂÔÀ´Ò³Ãæ²¼¾Ö±»ÆÆ»µ¡£
½â¾ö°ì·¨£º
white-space:nowrap;overflow:hidden;
Ïà¹ØÎĵµ£º
²»Í¬µÄä¯ÀÀÆ÷ÒªÇó²»Í¬µÄÑùʽÉùÃ÷£¬¸÷ä¯ÀÀÆ÷¼°Æä¸÷°æ±¾Óв»Í¬³Ì¶ÈµÄ CSS Ö´ÐеÄÍêÕûÐÔ¡£²ÉÓõÄÊÇ Internet Explorer µÄÌõ¼þ×¢ÊÍÓï·¨µÄ˼Ï룬²¢°ÑËüÄÚÁªµ½ CSS ÉùÃ÷Ö®ÖС£
¡¡¡¡Ìõ¼þ CSS Ö÷ÒªÓÃÓÚÖ¸³öÒ»¸öÌØ±ðµÄ CSS ÉùÃ÷ÊDz»ÊÇÓ¦¸ÃÓÃÓÚÒ»¸öÌØ±ðµÄä¯ÀÀÆ÷¡£µ±È»Ä㲻ϣÍû¾³£Õâô×ö£¬µ«Êǵ±ÄãÐèÒªÕë¶ÔÒ»¸öä¯ÀÀÆ÷µÄʱºò£¬Ëü»á·Ç³ ......
Ô¤¶ÁÄÚÈݶÔÓÚ²¿·ÖÍøËÙÂý£¬»òÕß¼ÓÔØÄÚÈݹý¶àµÄÒ³Ãæ£¬ÊǷdz£ÓÐЧµÄÌá¸ßÓѺó̶ȵķ½·¨¡£·ÀÖ¹³öÏÖÓÉÓÚÑùʽ±í£¬ºÍ¹Ø¼üͼƬ¼ÓÔØÖͺ󣬵¼ÖµÄÒ³Ãæ²¼¾Ö´íÂÒ£¬ÒÔ¼°¹Ø¼üͼƬ²»ÄÜÂíÉÏչʾ¡£
Ò²¿ÉÒÔ·ÀÖ¹ÓÉÓÚÒ³ÃæÐÅÏ¢¼ÓÔØ²»È«£¬µ¼ÖÂjs³ö´í¡£
¾¹ýÒ»·¬³¢ÊÔ£¬´Ë·½·¨¿ÉÒÔ¼æÈÝIE¼°ÆäËûä¯ÀÀÆ÷¡£
ÔÚIEÏÂ ÓÃ new Image().src
µÄÐÎʽ½øÐÐ ......
cssµÄ¼Ì³Ð¹ØÏµ£¨.ts a{...}£©
.ts a{ width:100px;line-height:34px; display:block;}
.ts a:link,a:visited{color:#000;background:#9CB3C1;text-decoration: none;}
.ts a:hover,a:active{ color:#FFFF00;background:#000;}
<div sty ......
.inputbox {
padding-left: 2px;
border-top: 1px solid #9AA587;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #9A ......
IEµÄÎÊÌ⣺
Ò».Ë«±ß¾àÎÊÌâ
¸¡¶¯ÔªËصÄÍâ±ß¾à»á¼Ó±¶£¬µ«ÓëµÚÒ»¸ö¸¡¶¯ÔªËØÏàÁ򵀮äËû¸¡¶¯ÔªËØÍâ±ß¾à²»»á¼Ó±¶¡£
½â¾ö·½·¨£ºÔڴ˸¡¶¯ÔªËØÔö¼ÓÑùʽ display:inline;
¶þ.ͼƬ²úÉúµÄ¼ä϶
¸¸ÔªËØÖ±½Ó°üº¬<img>£¬Õâ¸öͼƬÏ·½»áºÍ¸¸ÔªËرßÔµ²úÉú¼ä϶¡£
½â¾ø·½·¨£º1.ÔÚÔ´´úÂëÖÐÈÃ</div>ºÍ<img>ÔÚÍ ......