{"id":771,"date":"2018-02-25T20:40:31","date_gmt":"2018-02-25T12:40:31","guid":{"rendered":"http:\/\/60.205.208.74\/2018\/02\/25\/css-margin%e5%a4%96%e8%be%b9%e8%b7%9d\/"},"modified":"2018-02-25T20:40:31","modified_gmt":"2018-02-25T12:40:31","slug":"css-margin%e5%a4%96%e8%be%b9%e8%b7%9d","status":"publish","type":"post","link":"https:\/\/www.puzi7.net\/?p=771","title":{"rendered":"CSS Margin(\u5916\u8fb9\u8ddd)"},"content":{"rendered":"
\n
\n

CSS Margin(\u5916\u8fb9\u8ddd)<\/span>
\n<\/h1>\n
\n

CSS Margin(\u5916\u8fb9\u8ddd)\u5c5e\u6027\u5b9a\u4e49\u5143\u7d20\u5468\u56f4\u7684\u7a7a\u95f4\u3002<\/p>\n

\n

Margin<\/h2>\n

margin\u6e05\u9664\u5468\u56f4\u7684\u5143\u7d20\uff08\u5916\u8fb9\u6846\uff09\u7684\u533a\u57df\u3002margin\u6ca1\u6709\u80cc\u666f\u989c\u8272\uff0c\u662f\u5b8c\u5168\u900f\u660e\u7684<\/p>\n

margin\u53ef\u4ee5\u5355\u72ec\u6539\u53d8\u5143\u7d20\u7684\u4e0a\uff0c\u4e0b\uff0c\u5de6\uff0c\u53f3\u8fb9\u8ddd\u3002\u4e5f\u53ef\u4ee5\u4e00\u6b21\u6539\u53d8\u6240\u6709\u7684\u5c5e\u6027\u3002<\/p>\n

\u53ef\u80fd\u7684\u503c<\/h2>\n\n\n\n\n\n\n
\u503c<\/th>\n\u8bf4\u660e<\/th>\n<\/tr>\n
auto<\/td>\n\u8bbe\u7f6e\u6d4f\u89c8\u5668\u8fb9\u8ddd\u3002
\u8fd9\u6837\u505a\u7684\u7ed3\u679c\u4f1a\u4f9d\u8d56\u4e8e\u6d4f\u89c8\u5668<\/td>\n<\/tr>\n
length<\/i><\/td>\n\u5b9a\u4e49\u4e00\u4e2a\u56fa\u5b9a\u7684margin\uff08\u4f7f\u7528\u50cf\u7d20\uff0cpt\uff0cem\u7b49\uff09 <\/td>\n<\/tr>\n
%<\/i><\/td>\n\u5b9a\u4e49\u4e00\u4e2a\u4f7f\u7528\u767e\u5206\u6bd4\u7684\u8fb9\u8ddd<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\"Remark\" Margin\u53ef\u4ee5\u4f7f\u7528\u8d1f\u503c\uff0c\u91cd\u53e0\u7684\u5185\u5bb9\u3002<\/p>\n

\n

Margin – \u5355\u8fb9\u5916\u8fb9\u8ddd\u5c5e\u6027<\/h2>\n

\u5728CSS\u4e2d\uff0c\u5b83\u53ef\u4ee5\u6307\u5b9a\u4e0d\u540c\u7684\u4fa7\u9762\u4e0d\u540c\u7684\u8fb9\u8ddd\uff1a<\/p>\n

\n

\u5b9e\u4f8b<\/h2>\n
\n
margin-top<\/span>:100<\/span>px<\/span>;
\n<\/span>margin-bottom<\/span>:100<\/span>px<\/span>;
\n<\/span>margin-right<\/span>:50<\/span>px<\/span>;
\n<\/span>margin-left<\/span>:50<\/span>px<\/span>;<\/span><\/div>\n<\/div>\n

\n<\/div>\n

<\/p>\n

\n

Margin – \u7b80\u5199\u5c5e\u6027<\/h2>\n

\u4e3a\u4e86\u7f29\u77ed\u4ee3\u7801\uff0c\u6709\u53ef\u80fd\u4f7f\u7528\u4e00\u4e2a\u5c5e\u6027\u4e2dmargin\u6307\u5b9a\u7684\u6240\u6709\u8fb9\u8ddd\u5c5e\u6027\u3002\u8fd9\u5c31\u662f\u6240\u8c13\u7684\u7f29\u5199\u5c5e\u6027\u3002<\/p>\n

\u6240\u6709\u8fb9\u8ddd\u5c5e\u6027\u7684\u7f29\u5199\u5c5e\u6027\u662f”margin”:<\/p>\n

\n

\u5b9e\u4f8b<\/h2>\n
\n
margin<\/span>:100<\/span>px<\/span> 50<\/span>px<\/span>;<\/span><\/div>\n<\/div>\n

\n<\/div>\n

margin\u5c5e\u6027\u53ef\u4ee5\u6709\u4e00\u5230\u56db\u4e2a\u503c\u3002\/p>\n<\/p>\n