CSSÃüÃû¹æ·¶
CSSÃüÃû¹æ·¶
ҳͷ£ºheader
µÇ¼Ìõ£ºloginbar
±êÖ¾£ºlogo
²àÀ¸£ºsidebar
¹ã¸æ£ºbanner
µ¼º½£ºnav
×Óµ¼º½£ºsubnav
²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubmenu
ËÑË÷£ºsearch
¹ö¶¯£ºscroll
Ò³ÃæÖ÷Ì壺main
ÄÚÈÝ£ºcontent
±êǩҳ£ºtab
ÎÄÕÂÁÐ±í£ºlist
ÌáʾÐÅÏ¢£ºmsg
С¼¼ÇÉ£ºtips
À¸Ä¿±êÌ⣺title
¼ÓÈ룺joinus
Ö¸ÄÏ£ºguild
·þÎñ£ºservice
Èȵ㣺hot
ÐÂÎÅ£ºnews
ÏÂÔØ£ºdownload
×¢²á£ºregsiter
״̬£ºstatus
°´Å¥£ºbtn
ͶƱ£ºvote
ºÏ×÷»ï°é£ºpartner
ÓÑÇéÁ´½Ó£ºfriendlink
Ò³½Å£ºfooter
°æÈ¨£ºcopyright
ÒÔÉϽṹ¿ÉÒÔ×éºÏʹÓã¬ÀýÈ磺×óÁбêÌâlefttitle£»µ×²¿µ¼º½footernav ÊéдÔÔòÊÇ£º 1.Ò»ÂÉСд£» 2.¾¡Á¿ÓÃÓ¢ÎÄ£» 3.²»¼ÓÖиܺÍÏ»®Ïߣ» 4.¾¡Á¿²»Ëõд£¬³ý·ÇÒ»¿´¾ÍÃ÷°×µÄµ¥´Ê
Ïà¹ØÎĵµ£º
ÔÚÖÆ×÷Ò»¸ö¸¡¶¯Í¼Æ¬ÓÃÓÚÍøÕ¾ÏÔʾʱ£¬³öÏÖͼƬ¹Ì¶¨²»¸¡¶¯£¬×îÖÕ¼ì²é·¢ÏÖ DIV¸¡¶¯Óë
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd³åÍ»
È¥µôÕâ¶Î¿ÉÔÝʱʵÏÖ¸¡¶¯¡£
µ«´Ë´úÂë²»¿ÉËæÒâÈ¥µô£¬È¥µôºóÓֻᵼÖÂDIVijЩÊôÐÔ»ìÂÒ¡£ÐҺô˴ÎÔÝʱ²»Ê¹ÓÃijЩ¹¦ÄÜ
ÁÙʱ½â¾ö°ì·¨£¬ÆÚ´ý¸üºÃµÄ½â¾ö°ì·¨ ......
1.ÔÚÒ³ÃæHEADÖÐÒýÈëÒ»¸öÌØÊâµÄCSS
<link rel="stylesheet" type="text/css" href="${contextPath}/styles/print.css" media="print" />
2.ÔÚprint.cssÖÐͨ¹ý½«Ò³ÃæÖÐÏÔʾµÄÇøÓòDISPLAYÉèÖÃΪNONE,´òÓ¡ÇøÓòÉ趨DISPLAYΪBLOCK
ÁíÍâ¿ÉÒÔ¼ÓÈëÒ»¸öÌØÊâµÄCSSÀ´¿ØÖÆ·ÖҳЧ¹û
. ......
css display µÄ²ÎÊýÁбí
Óï·¨£º
display : block | none | inline | compact | marker |
inline-table | list-item | run-in | table |table-caption |
table-cell | table-column | table-column-group |
table-footer-group | table-header-group | table-row | table-row-group
²ÎÊý£º
block : ¡¡CSS1¡¡¿é¶ ......
ת×Ô:http://www.boy110.com/csslimitedwidth/ CSSÏÞÖÆÍ¼Æ¬×î´ó¿í¶È£¬¼æÈÝIE6/IE7/IE8/FF£¬ÓÃ×ö¹ÜÀíºǫ́Ӧ¸ÃûÎÊÌ⣡ ÎÒÃÇÔÚÖÆ×÷Ò»¸öÍøÒ³µÄʱºò£¬¾³£Òª¶ÔÒ»¸öÇøÓòÀï¿ÉÄܳöÏÖµÄͼƬµÄ¿í¶È½øÐÐÏÞÖÆ£¬²»È»Ëü¿ÉÄÜ»á°ÑÒ³Ãæ³ÅµÃºÜÀúÜÀá£
Èç¹ûÄã²ÉÓù̶¨¿í¶È£¬³¤¶ÈÀ´ÉèÖõϰ£¬±ÈÈçÔÚ 200 ? "200px" : this.wid ......
1. ÔÚFireFoxÏ£¬µ¼º½À¸¾ÓÖУ¬µ«Ö÷ÌåÄÚÈÝÀ¸È´ÊÇ×ó¶ÔÆë¡£
ÔÚdivÀïµÄÄÚÈÝ£¬IEĬÈÏΪcenter£¬¶øFireFoxĬÈÏΪleft¡£Èç¹ûÏëÒªÈÃÆä¾ÓÖУ¬¸ÕÐèÒªÔÚCSSÖÐÌí¼Ó£º
margin-left: auto; margin-right: auto;
ÕâÑù¾ÍÊǸæËßFireFox£¬×óÓÒÒ»Ö£¬ÊµÏÖ¾ÓÖС££¨¾Ý˵£¬Õâ²»ÊÇÍòÄܵġ£µ«Î񵀮¤·ô¾ÓÖÐÁË¡££©
2. ÔÚFireFoxÏ£¬ÓÐЩЧ¹û²»Äܼæ ......