CSS½â¾öδ֪¸ß¶È´¹Ö±¾ÓÖÐ
ÔÎÄÁ´½Ó ×÷Õߣºâø·É
¾¡¹ÜÓÐ CSS µÄ vertical-align ÌØÐÔ£¬µ«ÊDz¢²»ÄÜÓÐЧ½â¾öδ֪¸ß¶ÈµÄ´¹Ö±¾ÓÖÐÎÊÌ⣨ÔÚÒ»¸ö DIV ±êÇ©ÀïÓÐδ֪¸ß¶ÈµÄÎı¾»òͼƬµÄÇé¿öÏ£©¡£
±ê ×¼ä¯ÀÀÆ÷Èç Mozilla, Opera, Safari µÈ.£¬¿É½«¸¸¼¶ÔªËØÏÔʾ·½Ê½É趨Ϊ TABLE(display: table;) £¬ÄÚ²¿×ÓÔªËض¨Îª table-cell (display: table-cell)£¬Í¨¹ý vertical-align ÌØÐÔʹÆä´¹Ö±¾ÓÖУ¬µ«·Ç±ê×¼ä¯ÀÀÆ÷ÊDz»Ö§³ÖµÄ¡£
·Ç±ê×¼ä¯ÀÀÆ÷Ö»ÄÜÔÚ×ÓÔªËØÀïÉè¾à¶¥²¿ 50% £¬ÀïÃæÔÙÌ׸öÔªËؾඥ²¿ -50% À´µÖÏû¡£
CSS²¿·Ö£º
body {
padding: 0;
margin: 0;
}
body,html{
height: 100%;
}
#outer {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
background:ivory;
}
#outer[id] {
display: table;
position: static;
}
#middle {
position: absolute;
top: 50%;
} /* for explorer only*/
#middle[id] {
display: table-cell;
vertical-align: middle;
position: static;
}
#inner {
position: relative;
top: -50%;
width: 400px;
margin: 0 auto;
} /* for explorer only */
div.greenBorder {
border: 1px solid green;
background-color: ivory;
}
xhtml²¿·Ö£º
<div id="outer">
<div id=
Ïà¹ØÎĵµ£º
Ç¿ÁÒÍƼöÒ»¿îCSSµ¼º½²Ëµ¥£¬Óõ½Õþ¸®Ñ§Ð£ÀàÍøÕ¾Éϳ¬¼¶²»´í¡£
ÓеãÀàËÆÕ¾³¤Íø²Ëµ¥µÄζµÀ£¬Ö»²»¹ýÑÕÉ«²»Ò»Ñù¶øÒÑ£¬ÕâÖֲ˵¥»¹²»ÊÇÕæÕýÒâÒåÉϵēÏÂÀ”²Ëµ¥£¬Ó¦¸Ã½Ð»¬³ö²Ëµ¥<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition ......
дÁËÒ»¸ö±íµ¥£¬ÔÚʹÓÃcssʱ·¢ÏÖÁËһЩÎÊÌâ¡£
1¡¢¶¨ÒålabelµÄstyle²»Æð×÷Óã¬ÀýÈ磬ÎÒÔÚcssÖж¨ÒåÁËÒ»¸ö
<mce:style type="text/css"><!--
label
{
font-size:large;
}
--></mce:style><style type="text/css" ......
ÓÉÓÚ¸÷ä¯ÀÀÆ÷µÄĬÈÏCSSÑùʽ²»Ò»Ñù£¬ÎÒÃDZØÐëдһ¸öCSS ResetͳһÆðÀ´¡£
ͨ³£ÎÒµÄ×ö·¨ÊÇÔÚcommon.cssÀïдȫ¾Ö¿ØÖÆ£¬ÕâÀïÃæÒ²°üÀ¨headerºÍfooter£¬ÆäËüCSSÎļþ¾Íͨ¹ý@import url(”
common.css”);ÒýÓá£
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-
family ......
Ê×ÏȽéÉÜÒ»ÏÂeidtarea£º
EditAreaÊÇÒ»¸öjavascriptÔ´´úÂë±à¼Æ÷¡£Ö§³Ö£ºÎı¾¸ñʽ»¯£¬ËÑË÷ÓëÌæ»»£¬ÊµÊ±Óï·¨×ÅÉ«¼ÓÁÁ¡£µ±Ç°Ö§³ÖµÄÓïÑÔ°üÀ¨£ºPHP¡¢CSS¡¢
Javascript¡¢Python¡¢HTML¡¢XML¡¢VB¡¢C¡¢CPP¡¢SQL¡¢Pascal¡¢Basic¡¢Brainf*ck
ÏÂÔصØÖ·£ºhttp://sourceforge.net/projects/editarea/
¿ÉÒÔ×÷ΪºÜºÃµÄÔÚÏ༹߱¤¾ß ......
CSS Hack ÊÇÔÚ±ê×¼ CSS û°ì·¨¼æÈݸ÷ä¯ÀÀÆ÷ÏÔʾЧ¹ûʱ²Å»áÓÃÉϵIJ¹¾È·½·¨,ÔÚ¸÷ä¯ÀÀÆ÷³§É̽âÎö CSS ûÓдï³ÉÒ»ÖÂÇ°,ÎÒÃÇÖ»ÄÜÓÃÕâÑùµÄ·½·¨À´Íê³ÉÕâÑùµÄÈÎÎñ¡£ÍøÉÏÄã¿ÉÄÜÄÜËÑË÷µ½Ò»´ó¶ÑµÄ CSS Hack£¬µ«ÊÇÎÒ½ñÌì·¢²¼µÄÄã¿ÉÄܲ¢²»¶¼ºÜÁ˽⣬ÒòΪÕâЩ¶¼ÊÇÖ»Õë¶Ôµ¥¶ÀÒ»¸öä¯ÀÀÆ÷µÄ CSS Hack¡£
ΪÁËÏòÄãչʾÕâЩ CSS Hack ÊÇ·ñÕý³£Ô ......