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

CSS³£¼ûµÄÈÃÔªËØˮƽ¾ÓÖÐÏÔʾ·½·¨

ÓÃCSSÈÃÔªËؾÓÖÐÏÔʾ²¢²»ÊǼþºÜ¼òµ¥µÄÊÂÇé—ͬÑùµÄºÏ·¨CSS¾ÓÖÐÉèÖÃÔÚ²»Í¬ä¯ÀÀÆ÷ÖеıíÏÖÐÐΪȴ¸÷ÓÐǧÇï¡£ÈÃÎÒÃÇÏÈÀ´¿´Ò»ÏÂCSSÖг£¼ûµÄ¼¸ÖÖÈÃÔªËØˮƽ¾ÓÖÐÏÔʾµÄ·½·¨¡£
¡¡¡¡1.ʹÓÃ×Ô¶¯Íâ±ß¾àʵÏÖ¾ÓÖÐ
¡¡¡¡CSSÖÐÊ×Ñ¡µÄÈÃÔªËØˮƽ¾ÓÖеķ½·¨¾ÍÊÇʹÓÃmarginÊôÐÔ—½«ÔªËصÄmargin-leftºÍmargin-rightÊôÐÔÉèÖÃΪ
auto¼´¿É¡£ÔÚʵ¼ÊʹÓÃÖУ¬ÎÒÃÇ¿ÉÒÔΪÕâЩÐèÒª¾ÓÖеÄÔªËØ´´½¨Ò»¸öÆðÈÝÆ÷×÷ÓõÄdiv¡£ÐèÒªÌرð×¢ÒâµÄÒ»µã¾ÍÊÇ£¬±ØÐëΪ¸ÃÈÝÆ÷Ö¸¶¨¿í¶È£º
¡¡¡¡div#container {
¡¡¡¡margin-left: auto;
¡¡¡¡margin-right: auto;
¡¡¡¡width: 168px;
¡¡¡¡}
¡¡¡¡ÔÚ´ó¶àÊýÖ÷Á÷ä¯ÀÀÆ÷ÖУ¬ÕâÖÖ·½·¨¶¼·Ç³£ÓÐЧ£¬¼´Ê¹ÊÇWindowsƽ̨ÉϵÄIE6£¬ÔÚÆä±ê×¼¼æÈÝģʽ£¨compliance
mode£©ÏÂÒ²Äܹ»Õý³£ÏÔʾ¡£µ«²»ÐÒµÄÊÇ£¬ÔÚ¸üµÍ°æ±¾µÄIEÖУ¬ÕâÖÖÉèÖÃÈ´²¢²»ÄÜʵÏÖ¾ÓÖÐЧ¹û¡£ËùÒÔÈôÏëÔÚʵ¼ÊÏîÄ¿ÖÐʹÓÃÕâÖÖ·½·¨£¬ÄÇô¾ÍҪȷ±£Óû§µÄ
IEä¯ÀÀÆ÷°æ±¾²»µÍÓÚ6.0¡£
¡¡¡¡
¡¡¡¡¾¡¹ÜÔÚÖ§³ÖÉϲ»¾¡ÈçÈËÒ⣬µ«´ó¶àÊýÉè¼Æʦ¶¼½¨Ò龡¿ÉÄܵØʹÓÃÕâÖÖ·½·¨¡£¸Ã·½·¨Ò²±»ÈÏΪÊÇÔÚ¸÷ÖÖÓÃCSSʵÏÖÔªËØˮƽ¾ÓÖз½·¨ÖÐ×îÕýÈ·¡¢×îºÏÀíµÄÒ»ÖÖ¡£
¡¡¡¡2.ʹÓÃtext-alignʵÏÖ¾ÓÖÐ
¡¡¡¡ÁíÒ»ÖÖʵÏÖÔªËؾÓÖеķ½·¨ÊÇʹÓÃtext-alignÊôÐÔ£¬½«¸ÃÊôÐÔÖµÉèÖÃΪcenter²¢Ó¦Óõ½bodyÔªËØÉϼ´¿É¡£ÕâÖÖ×ö·¨Êdz¹Í·³¹Î²µÄhack£¬µ«ËüÈ´ÄܼæÈÝ´ó¶àÊýä¯ÀÀÆ÷£¬ËùÒÔÔÚijЩÇé¿öÏÂÒ²×ÔÈ»±Ø²»¿ÉÉÙ¡£
¡¡¡¡Ö®ËùÒÔ˵ËüÊÇhack£¬ÊÇÒòΪÕâÖÖ·½·¨²¢Ã»Óн«Îı¾ÊôÐÔÓ¦Óõ½Îı¾ÉÏ£¬¶øÊÇÓ¦Óõ½ÁË×÷ΪÈÝÆ÷µÄÔªËØÉÏ¡£ÕâÒ²¸øÎÒÃÇ´øÀ´Á˶îÍâµÄ¹¤×÷¡£ÔÚ´´½¨ºÃ²¼¾Ö±ØÐëµÄdivÖ®ºó£¬ÎÒÃÇÒª°´ÕÕÈçÏ´úÂëΪbodyÓ¦ÓÃtext-alignÊôÐÔ£º
¡¡¡¡body{
¡¡¡¡text-align:center;
¡¡¡¡}
¡¡¡¡Ö®ºó»á³öÏÖʲôÎÊÌâÂð£¿bodyµÄËùÓÐ×ÓËïÔªËض¼»á±»¾ÓÖÐÏÔʾ¡£
¡¡¡¡Òò´Ë£¬ÎÒÃǾÍÐèÒªÓÃÔÙдһÌõ¹æÔò£¬ÈÃÆäÖеÄÎı¾»Øµ½Ä¬ÈϵľÓ×ó¶ÔÆ룺
¡¡¡¡p {
¡¡¡¡text-align:left;
¡¡¡¡}
¡¡¡¡¿ÉÒÔÏëÏóÕâÌõ¸½¼ÓµÄ¹æÔò½«´øÀ´Ò»Ð©²»±ã¡£ÁíÍ⣬ÕæÕýÍêÈ«×ñÑ­±ê×¼µÄä¯ÀÀÆ÷²¢²»»á¸Ä±äÈÝÆ÷µÄλÖ㬶øÖ»»áÈÃÆäÖеÄÎÄ×Ö¾ÓÖÐÏÔʾ¡£
¡¡¡¡3.×éºÏʹÓÃ×Ô¶¯Íâ±ß¾àºÍÎı¾¶ÔÆë
¡¡¡¡ÒòΪÎı¾¶ÔÆë¾ÓÖз½Ê½ÓÐ×ÅÁ¼ºÃµÄÏòϼæÈÝÐÔ£¬ÇÒ×Ô¶¯Íâ±ß¾à·½Ê½Ò²±»´ó¶àÊýµ±´úä¯ÀÀÆ÷Ö§³Ö£¬ËùÒԺܶàÉè¼Æʦ½«¶þÕß×éºÏÆðÀ´Ê¹Óã¬ÒÔÆÚÈþÓÖÐЧ¹ûµÃµ½×î´óÏ޶ȵĿçä¯ÀÀÆ÷Ö§³Ö£º
¡¡¡¡body {
¡¡¡¡text-align: center;
¡¡¡¡}
¡¡¡¡#container {
¡¡¡¡margin-left: auto;
¡¡¡¡margin-right: auto;
¡¡¡¡border


Ïà¹ØÎĵµ£º

¶ÔDIV+CSSµÄÒ»µãÐĵÃÌå»á£¬ÈÃÄ㾡¿ìѧ»á²¼¾ÖÉèÖÃ

Çë¿´ÏÂÃæÒ»¶Î´úÂ룺
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//¶¨ÒåÁËÒ»¸öID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//¶¨ÒåÁËÒ»¸öÀà
</style>
<TITLE>Öйú</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT; ......

ÓÃcss¸Ä±äÊó±êÏÔʾ

Ò»°ã¶øÑÔ£¬Êó±êÒÔбÏòÉϵļýÍ·ÏÔʾ£¬ÒƵ½Îı¾ÉÏʱ±äΪÓÐÍ·µÄÊúÏߣ¬ÒƵ½³¬¼¶Á´½ÓÉϱäΪÊÖÐÍ¡£µ«ÓÃcss¿É¿ØÖÆÊó±êµÄÏÔʾЧ¹û£¬Èç¿ÉʹÊó±êÒƵ½ÆÕͨÎı¾ÉÏÒ²ÏÔʾ³ÉÊÖÐÍ¡£ ÓÃcss¿ØÖƵÄÓï·¨ÈçÏÂ: span style="cursor:*"Îı¾»òÆäËüÒ³ÃæÔªËØ/span °Ñ * »»³ÉÈçÏÂ15¸öЧ¹ûµÄÒ»ÖÖ£º
¡¡¡¡ Ò»°ã¶øÑÔ£¬Êó±êÒÔбÏòÉϵļýÍ·ÏÔʾ£¬ÒƵ½Îı¾ÉÏ ......

CSSÔÚIE6,IE7,FIREFOXÖеÄÇø±ð

µÚÒ»ÖÖ£¬ÊÇCSS HACKµÄ·½·¨
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
×¢Òâ˳Ðò¡£
ÕâÑùÒ²ÊôÓÚCSS HACK£¬²»¹ýûÓÐÉÏÃæÕâÑù¼ò½à¡£
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */ ......

½â¾öIE6¡¢IE7¡¢Firefox¼æÈÝ×î¼òµ¥µÄCSS Hack


ºÜÔç¾ÍÔÚÕâÀï¿´µ½¹ý½â¾ö·½°¸£¬Óëà»à»ÌÖÂÛºó·¢ÏÖÕâ¸ö·½°¸»¹ÊǺܿɿ¿µÄ¡£µ±È»£¬Î¨Ò»µÄȱµã¾ÍÊÇÿһ¸öÊôÐÔ¶¼ÒªÈ¥Hack£¬µ«ÎÒÔںܶàʵ¼ùÖУ¬Ö»ÓÑÐÞÕý’1-2¸öÊôÐԾͿÉÒÔÁË¡£
¾ßÌåд·¨ºÜÈÝÒ×£º
#someNode
{
position: fixed;
#position: fixed;
_position: fixed;
}
µÚһşøFirefoxÒÔ¼°ÆäËûä¯ÀÀÆ ......

ʹÓÃcss¸Ä±ä±í¸ñ±ß¿òÑùʽ

¡ô ÍøҳƽÃæ¶àýÌåÅàѵ¡¢ÈÏÖ¤¿¼ÊÔÃâ·Ñ×ÉѯÈÈÏß:400-700-5807   ½øÈëÍøÂç×Éѯƽ̨ ¡ô
ÓÃCSS¸Ä±ä±í¸ñ±ß¿òÑùʽ£¬ºÜʵÓõÄÒ»ÖÖ·½·¨¡£
ÖÆ×÷·½·¨£º
½«ÏÂÃæµÄ´úÂ븴ÖƵ½<body>~</body>À´ËΪÒþ²Øϱ߿ò
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; bo ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ