cssÖÐpadding-left×ÜÊÇ - Web ¿ª·¢ / HTML(CSS)
ÔÚʹÓÃCSSÖеÄpadding-leftʱÓöµ½Ò»¸öÎÊÌâ¡£¾ÍÊDZ¾À´ÒѾÉèÖúõĿí¶È£¬padding-leftÒ»ÉèÖà ¶àÉÙºÃÏñ¾Í°ÑÕâ¸ö¼Ó¿íÁ˶àÉÙ¡£ºóÃæµÄDIV¾Í±äλÖÃÁË¡£ÓÐû½â¾ö°ì·¨Ñ½
ÇëÎÊÄãIE¼¸°¡£¿=£¬= ²»»áÓÐÕâÖÖÇé¿öÒ®
Èç¹ûÊÇIE6£¬ÄãÊÔÊÔdisplay:inline
¿í¶ÈÒ²ÏàÓ¦¼õÉÙ£¬¼õÈ¥padding-leftµÄ¿í¶È.
²¹³äÂ¥ÉÏ£º
¼ÙÈç½øÐÐÁËÕâÑùµÄÉèÖãº
HTML²¿·Ö£º
<h3>¼ÙÈç½øÐÐÁËÕâÑùµÄÉèÖÃ</h3>
CSS²¿·Ö£º
h3 { background:#ccc; width:300px; padding-left:20px;}
<h3>ÔªËØµÄʵ¼Ê¿í¶ÈµÈÓÚpadding-left + width = 320px
Èç¹û²»Ïë¸Ä±äwidth£¬¿ÉÒÔͨ¹ýtext-indentÊôÐÔÀ´½øÐÐÉèÖãº
h3 { background:#ccc; width:300px; text-indent:20px;}
ÕâÑù¾Í²»»á¡°¼Ó¿íÁË¡±
ʹÓÃhack¼¼Êõ°É£¬IEÏÂÓÐË«±ß¾àbug
*padding-left: ...
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
Èç¹ûÊÇieä¯ÀÀÆ÷µÄ»°¾ÍÊÇ×ܵĿí¶È= ʵ¼Ê¿í¶È+padding-left
Ïà¹ØÎÊ´ð£º
ÎÒµÄjava applet ǶÈëhtmlºóÎÞ·¨ÏÔʾ£¬¶øÓÃappletviewerÏÔʾÕý³£ÎªÊ²Ã´£¬»¹ÓоÍÊÇÓÃhtml converterת»¯ºó¿ÉÒÔÏÔʾ£¬ÎªÊ²Ã´£¿Çë´óÏÀ´Í½Ì£¡
HTML code:
<HTML>
<HEAD>
<TITLE>TEST.HTML< ......
ÎÒÒªµ÷ÊԽű¾ÓïÑÔ ÔÚVS2008ÀïHTMLµÄ½Å±¾²»Äܵ÷ÊÔ
ÔõôÄܰÑhTMLת»»³Éasp.netÎļþ
Áí´æÎªaspxÎļþ...
ºÇºÇ
ÎÒ˵µÄÓе㲻¶ÔÁË
ÄÇÀïÓÐÍâÃæÒýÈëµÄJSÎļþ HTML Ö±½Óµ÷ÓÃÄÇÀïµÄº¯Êý¿ÉÊÇ×°³ÉASPXºó¾ÍÕÒ²»µ½Ä ......
ÎÒÓÃWebBrowserÔØÈëÒ»¸öÍøÒ³
È»ºó¶ÁÈ¡±£³Öhtmlµ½Îļþ
·¢ÏÖºÍʵ¼ÊµÄ²î±ðºÃ´ó¡£ºÜ¶àλÖö¼³öÏÖÂÒÂë
ÔÙieÖб£´æ³öÀ´µÄ¾ÍûÎÊÌâ
²»ÖªµÀÔõô»ØÊÂ
Function getWebHtml(browser As Web ......
ÏÂÃæÊDz»´øÍ¼Æ¬µÄÔ²½ÇCSS box£¬¿´ÏÂÃæÑÝʾЧ¹û°É£º
http://www.abaonet.com/jsCode/page/200911/2310.html
²»´í~~~~¶¥~~~~¾ÍÊÇ´úÂëÓеã¶à£¡½Ó·Ö£¡£¡£¡
Óд´Ò⣬²»¹ý±ß½ÇµÄµã×´Óоâ³Ý£¬Ã»ÓÐͼƬºÃ¿´£¬ºÇºÇ
......
ÎÒÏÖÔÚÔÚÑ§Ï°ÍøÕ¾¿ª·¢£¬Ñ§Ï°µÄ¹ý³ÌÖз¢ÏÖCSSÊÇÓÃÀ´ÉèÖÃÑùʽµÄ£¬¶øDOMÒ²¿ÉÒÔÓÃÀ´ÉèÖÃÑùʽ£¬js¿âÒ²¿ÉÒÔ¡£
ÕâЩ¾¿¾¹ÔÚʲôʱºòÓÃʲô?
ÇëÖ¸µã£¡Ð»Ð»£¡
²»ÓÃjs+dom²Ù×÷css,LZд¸öÓÃdom²Ù×÷cssµÄÀ´¿´¿´
DOMÖ»ÊÇÒ» ......