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

CSS½â¾öDIV´¹Ö±¾ÓÖеÄÎÊÌâ

ÔÚ˵µ½Õâ¸öÎÊÌâµÄʱºò£¬Ò²ÐíÓÐÈË»áÎÊCSSÖв»ÊÇÓÐvertical-alignÊôÐÔÀ´ÉèÖô¹Ö±¾ÓÖеÄÂ𣿼´Ê¹ÊÇijЩä¯ÀÀÆ÷²»Ö§³ÖÎÒÖ»Ðè×öÉÙÐíµÄCSS Hack¼¼Êõ¾Í¿ÉÒÔ°¡£¡ËùÒÔÔÚÕâÀïÎÒ»¹Òª啰àÂÁ½¾ä£¬CSSÖеÄÈ·ÊÇÓÐvertical-alignÊôÐÔ£¬µ«ÊÇËüÖ»¶Ô(X)HTMLÔªËØÖÐÓµÓÐvalignÌØÐÔµÄÔªËØ²ÅÉúЧ£¬ÀýÈç±í¸ñÔªËØÖеģ¼td£¾¡¢£¼th£¾¡¢£¼caption£¾µÈ£¬¶øÏñ£¼div£¾¡¢£¼span£¾ÕâÑùµÄÔªËØÊÇûÓÐvalignÌØÐԵģ¬Òò´ËʹÓÃvertical-align¶ÔËüÃDz»Æð×÷Óá£
css´¹Ö±¾ÓÖеĸ÷ÖÖ°ì·¨
¡¡¡¡Ò»¡¢µ¥Ðд¹Ö±¾ÓÖÐ
Èç¹ûÒ»¸öÈÝÆ÷ÖÐÖ»ÓÐÒ»ÐÐÎÄ×Ö£¬¶ÔËüʵÏÖ¾ÓÖÐÏà¶Ô±È½Ï¼òµ¥£¬ÎÒÃÇÖ»ÐèÒªÉèÖÃËüµÄʵ¼Ê¸ß¶ÈheightºÍËùÔÚÐеĸ߶Èline-heightÏàµÈ¼´¿É¡£È磺
div {
height:25px;
line-height:25px;
overflow:hidden;
}
¡¡¡¡Õâ¶Î´úÂëºÜ¼ò£¬ºóÃæÊ¹ÓÃoverflow:hiddenµÄÉèÖÃÊÇΪÁË·ÀÖ¹ÄÚÈݳ¬³öÈÝÆ÷»òÕß²úÉú×Ô¶¯»»ÐУ¬ÕâÑù¾Í´ï²»µ½´¹Ö±¾ÓÖÐЧ¹ûÁË¡£
£¼!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£¾
£¼title£¾ µ¥ÐÐÎÄ×ÖʵÏÖ´¹Ö±¾ÓÖÐ £¼/title£¾
£¼meta http-equiv="Content-Type" content="text/html; charset=utf-8" /£¾
£¼style type="text/css"£¾
body { font-size:12px;font-family:tahoma;}
div {
height:25px;
line-height:25px;
border:1px solid #FF0099;
background-color:#FFCCFF;
}
£¼/style£¾
£¼/head£¾
£¼body£¾
£¼div£¾ÏÖÔÚÎÒÃÇҪʹÕâ¶ÎÎÄ×Ö´¹Ö±¾ÓÖÐÏÔʾ£¡£¼/div£¾
£¼/body£¾
£¼/html£¾
¡¡¡¡²»¹ýÔÚInternet Explorer 6¼°ÒÔϰ汾ÖУ¬ÕâºÍ·½·¨²»Ö§³Ö¶ÔͼƬÉèÖô¹Ö±¾ÓÖС£
¡¡¡¡¶þ¡¢¶àÐÐδ֪¸ß¶ÈÎÄ×ֵĴ¹Ö±¾ÓÖÐ
Èç¹ûÒ»¶ÎÄÚÈÝ£¬ËüµÄ¸ß¶ÈÊǿɱäµÄÄÇôÎÒÃǾͿÉÒÔʹÓÃÉÏÒ»½Ú½²µ½µÄʵÏÖˮƽ¾ÓÖÐʱʹÓõ½µÄ×îºóÒ»ÖÖ·½·¨£¬¾ÍÊÇÉ趨Padding£¬Ê¹ÉÏϵÄpaddingÖµÏàͬ¼´¿É¡£Í¬ÑùµÄ£¬ÕâÒ²ÊÇÒ»ÖÖ“¿´ÆðÀ´”µÄ´¹Ö±¾ÓÖз½Ê½£¬ËüÖ»²»¹ýÊÇʹÎÄ×Ö°Ñ£¼div£¾ÍêÈ«Ìî³äµÄÒ»ÖÖ·ÃÇó¶øÒÑ¡£¿ÉÒÔʹÓÃÀàËÆÏÂÃæµÄ´úÂ룺
div {
padding:25px;
}
¡¡¡¡ÕâÖÖ·½·¨µÄÓŵã¾ÍÊÇËü¿ÉÒÔÔÚÈκÎä¯ÀÀÆ÷ÉÏÔËÐУ¬²¢ÇÒ´úÂëºÜ¼òµ¥£¬Ö»²»¹ýÕâÖÖ·½·¨Ó¦ÓõÄǰÌá¾ÍÊÇÈÝÆ÷µÄ¸ß¶È±ØÐëÊÇ¿ÉÉìËõµÄ¡£
£¼!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt


Ïà¹ØÎĵµ£º

cssµÄposition relative¼æÈÝÎÊÌâÓë½â¾ö°ì·¨

   position:relativeÔÚcssÉè¼ÆÖÐÓÐמÓסÇáÖØµÄ×÷Óã¬Èç¹ûÄ㻹ûÓÐÓùýËüÄÇ̫;ÊǾ޴óµÄÒź¶£¬ÒÔǰ×ö¹ýdiv titleÌáʾ¿òµÄʱºòÓиö¼ýÍ·¶¨Î»ÎÊÌ⣬µ±Ê±µÄ½â¾ö°ì·¨¾ÍÊǶàÌ×ÓÃÒ»²ãdiv²¢ÇÒÁô°×Ò»¶¨´óС£¬ÓÃÀ´±³¾°ÏÔʾ¼ýÍ·£¬µ«ÊÇ·¢ÏÖ¼ýÍ·ÓÀÔ¶ÔÚÏÂÃæ£¬Ã»Óа취ÕÚ¸Ç
Ö÷ÌåÈںϵIJ¿·Ö
£¬ËùÒÔЧ¹ûÒ²¾Í²»ºÃ£¬µ±È»£¬´ÏÃ÷µÄÄ ......

CSS¿ØÖÆDIVˮƽ´¹Ö±·½Ïò¾çÖÐ

  <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ÎÞ±êÌâÎĵµ</title>
<style type="text/css">
body{position:relative; border:solid 1px #30F; height:600px; }
.box{ position:ab ......

CSS Sprites

CSS SpritesÆäʵ¾ÍÊǰÑÍøÒ³ÖÐһЩ±³¾°Í¼Æ¬ÕûºÏµ½Ò»ÕÅͼƬÎļþÖУ¬ÔÙÀûÓÃCSSµÄ“background-image”£¬“background- repeat”£¬“background-position”µÄ×éºÏ½øÐб³¾°¶¨Î»£¬background-position¿ÉÒÔÓÃÊý×ÖÄܾ«È·µÄ¶¨Î»³ö±³¾°Í¼Æ¬µÄλÖá£
Óŵ㣺
µ±Óû§ÍùUÅÌÖп½200ÕÅͼƬ£¬»áµÈºÜ¾Ã¡£µ«ÊÇ ......

CSSÖ®IE6,IE7,FF¼æÈÝ SF£¬OP¼æÈÝ





DIV
CSSÉè¼ÆÊ±IE6¡¢IE7¡¢FF Óë¼æÈÝÐÔÓйصÄÌØÐÔ2008-03-28
14:21ÔÚÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌâ£¬ÌØ±ðÊǶÔÍêȫʹÓÃDIV CSSÉè¼ÆµÄÍø£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6 IE7
FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÂÒ¿ÉÄܳöÈ¥²»Ïë³öÏÖµÄЧ¹û£¡
ËùÓÐä¯ÀÀÆ÷ ͨÓà ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ