ÉîÛÚÍøÕ¾½¨Éè £¨www.innont.com £©×÷ΪÊг¡×ÊÉîÆ·ÅÆ£¬8ÄêÀ´£¬Á¢×ã¹ã¶«£¬ÃæÏòÈ«¹ú£¬ÒÑ·þÎñ¹ý3000¶à¼Ò¾ßÓж¥¼¶·¢Õ¹Ç±Á¦µÄÆóÒµ£¬²¢Ò»Ö±±£³ÖÁ¼ºÃµÄºÏ×÷»ï°é¹Øϵ£¬³ÉΪÖйúµÚÒ»¸ß¶Ë¾«Æ·ÍøÕ¾Éè¼Æ²ß»®»ú¹¹£¬ÍøÕ¾½¨ÉèµÚһƷÅÆ£¡
ÄãÕæµÄÁ˽âmarginÂð£¿ÄãÖªµÀmarginÓÐʲôÌØÐÔÂð£¿ÄãÖªµÀʲôÊÇ´¹Ö±Íâ±ß¾àºÏ²¢£¿marginÔÚ¿éÔªËØ¡¢ÄÚÁªÔªËØÖеÄÇø±ð£¿Ê²Ã´Ê±ºò¸ÃÓà padding¶ø²»ÊÇmargin£¿ÄãÖªµÀ¸ºmarginÂð£¿ÄãÖªµÀ¸ºmarginÔÚʵ¼Ê¹¤×÷ÖеÄÓÃ;Â𣿳£¼ûµÄä¯ÀÀÆ÷ÏÂmargin³öÏÖµÄbugÓÐÄÄЩ£¿……
дcss£¬ÄãÉÙ²»ÁËÓëmargin´ò½»µÀ£¬¶ø¶ÔÓÚÕâ¸öƽʱÎÒÃÇ×î³£ÓõÄcssÊôÐÔÎÒÃDz¢·ÇÊ®·ÖÁ˽⡣½éÓÚ´ËÎÒ´òËãдÏÂÕâƪÎÄÕ£¬Ò»À´ÊÇ×Ô¼º¹¤×÷ÖеÄ×ܽᣬҲÊǶÔ×Ô¼ºÖªÊ¶µÄÒ»´ÎÊáÀí¡£
MarginÊÇʲô
CSS ±ß¾àÊôÐÔ¶¨ÒåÔªËØÖÜΧµÄ¿Õ¼ä¡£Í¨¹ýʹÓõ¥¶ÀµÄÊôÐÔ£¬¿ÉÒÔ¶ÔÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÍâ±ß¾à½øÐÐÉèÖá£Ò²¿ÉÒÔʹÓüòдµÄÍâ±ß¾àÊôÐÔͬʱ¸Ä±äËùÓеÄÍâ±ß¾à¡£——W3School
±ß½ç£¬ÔªËØÖÜΧÉú³É¶îÍâµÄ¿Õ°×Çø¡£“¿Õ°×Çø”ͨ³£ÊÇÖ¸ÆäËûÔªËز»ÄܳöÏÖÇÒ¸¸ÔªËر³¾°¿É¼ûµÄÇøÓò¡£——CSSȨÍþÖ¸ÄÏ
ÎұȽÏϲ»¶Ê¹ÓÓÍâ±ß¾à”Õâ¸ö´ÊÀ´½âÊÍmargin£¨Í¬Àípadding¿ÉÒÔ³Æ֮Ϊ“ÄÚ±ß¾à”£¬µ«ÊÇÎÒÓÖǡǡϲ»¶³ÆºôpaddingΪ“²¹°×”»òÕß“Áô°×”£©£¬ÎÒÃÇ¿ÉÒÔºÜÇå³þµÄÁ˽⵽marginµÄ×î»ù±¾ÓÃ;¾ÍÊÇ¿ØÖÆÔªËØÖÜΧ¿Õ¼äµÄ¼ä¸ô£¬´ÓÊÓ¾õ½Ç¶ÈÉÏ´ïµ½Ï໥¸ô¿ªµÄÄ¿µÄ¡£
MarginµÄÌØÐÔ
marginʼÖÕÊÇ͸Ã÷µÄ¡£
marginͨ¹ýʹÓõ¥¶ÀµÄÊôÐÔ£¬¿ÉÒÔ¶ÔÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÍâ±ß¾à½øÐÐÉèÖ᣼´£ºmargin-top¡¢margin-right¡¢margin-bottom¡¢margin-left¡£
Íâ±ß¾àµÄ margin-width µÄÖµÀàÐÍÓУºauto | length | percentage
Ò²¿ÉÒÔʹÓüòдµÄÍâ±ß¾àÊôÐÔͬʱ¸Ä±äËùÓеÄÍâ±ß¾à£ºmargin: top right bottom left;(eg: margin:10px 20px 30px 40px) ¼ÇÒ䷽ʽÊÇÔªËØÖÜΧÕýÉÏ·½Ë³Ê±Õë“ÉÏÓÒÏÂ×ó”¼ÇÒä¡£
²¢Çҹ淶»¹ÌṩÁËÊ¡ÂÔµÄÊýֵд·¨£¬»ù±¾ÈçÏ£º
1¡¢Èç¹ûmarginÖ»ÓÐÒ»¸öÖµ£¬±íʾÉÏÓÒÏÂ×óµÄmarginͬΪÕâ¸öÖµ¡£ÀýÈ磺margin:10px; ¾ÍµÈÓÚ margin:10px 10px 10px 10px;
2¡¢Èç¹û margin Ö»ÓÐÁ½¸öÖµ£¬µÚÒ»¸öÖµ±íʾÉÏÏÂmarginÖµ£¬µÚ¶þ¸öֵΪ×óÓÒmarginµÄÖµ¡£ÀýÈ磺margin:10px 20px; ¾ÍµÈÓÚ margin:10px 20px 10px 20px;
3¡¢Èç¹ûmarginÓÐÈý¸öÖµ£¬µÚÒ»¸öÖµ±íʾÉÏmarginÖµ£¬µÚ¶þ¸öÖµ±íʾ×óÓÒmarginµÄÖµ£¬µÚÈý¸öÖµ±íʾÏÂmarginµÄÖµ¡£ÀýÈ磺margin:10px 20px 30px; ¾ÍµÈÓÚ margin:10px 20px 30px 20px;
4¡¢Èç¹ûmarginÓÐËĸöÖµ£¬ÄÇÕâËĸöÖµ·Ö±ð¶ÔÓ¦ÉÏÓÒÏÂ×óÕâËĸömarginÖµ¡£ÀýÈ磺margin:10px 20px 30px 40px;
ÔÚʵ¼ÊÓ¦ÓÃÖУ¬¸öÈ˲»ÍƼöʹÓÃÈý¸öÖµµÄmargin£¬Ò»ÊÇÈÝÒ×¼Ç´í£¬¶þÊDz»ÈÝÒ×ÈÕºóÐ޸ģ¬Ò»¿ªÊ¼Èç¹ûд³Émargin:10px 20px 30px;ÈÕºóÐèÇó¸Ä¶¯ÎªÉÏ10px£¬ÓÒ30px£¬ÏÂ30px£¬×ó20px£¬Äã²»µÃ²»»¹ÊǵðÑÕâ¸ömargin²ð¿ªÎªmargin:10px 30px 30px 20px;·ÑÁ¦ÇÒ²»Ìֺ㬲»ÈçÒ»¿ªÊ¼¾ÍÀÏÀÏʵʵµÄд³Émargin:10px 20px 30px 20px;À´µÄʵÔÚ£¬²»ÒªÎªÁËÏÖÔÚ½ÚÊ¡Á©¸ö×Ö½Ú¶øÈÃÈÕºóÔٴοª·¢µÄ³É±¾ÉÏÉý¡£
±¾ÎÄÓÉÉîÛÚÍøÕ¾½¨É蹫˾£º´´Ð»¥ÁªÊг¡²¿ÕûÀí£¬×ªÔØʱÇë±£Áô´ËÁ´½Ó£¬Ð»Ð»ºÏ×÷!