{"id":101842,"date":"2026-09-07T17:25:17","date_gmt":"2026-09-07T09:25:17","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/101842.html"},"modified":"2026-09-07T17:25:17","modified_gmt":"2026-09-07T09:25:17","slug":"day-13-%e8%b0%83-line-height-%e5%92%8c-margin%e4%b8%89%e5%a4%84%e9%97%b4%e8%b7%9d%e8%ae%a9%e5%90%8d%e7%89%87%e9%a1%b5%e8%84%b1%e7%a6%bb%e6%a8%a1%e6%9d%bf%e6%84%9f","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/101842.html","title":{"rendered":"Day 13 | \u8c03 line-height \u548c margin:\u4e09\u5904\u95f4\u8ddd\u8ba9\u540d\u7247\u9875\u8131\u79bb\u6a21\u677f\u611f"},"content":{"rendered":"<p>\u672c\u6587\u662f\u300a100\u5929\u7cbe\u901aHTML\u57fa\u7840\u5165\u95e8\u300b\u4e13\u680f\u7b2c 13 \u7bc7,\u8ba2\u9605\u4e13\u680f\u4e0d\u8ff7\u8def\u3002<\/p>\n<p>\u672c\u6587\u76ee\u5f55<\/p>\n<ul>\n<li>\n<p>\u540c\u4e00\u4efd\u5185\u5bb9,\u4e24\u79cd\u8138<\/p>\n<\/li>\n<li>\n<p>\u7b2c\u4e00\u4e2a\u53d8\u91cf:\u6bcf\u4e00\u884c\u5b57\u5360\u591a\u9ad8<\/p>\n<\/li>\n<li>\n<p>\u5757\u4e0e\u5757\u4e4b\u95f4\u7a7a\u591a\u5c11,\u624d\u53eb&#034;\u4e00\u7ec4&#034;<\/p>\n<\/li>\n<li>\n<p>\u5b57\u8d34\u5230\u5361\u7247\u8fb9\u4e0a,\u662f padding \u7684\u4e8b<\/p>\n<\/li>\n<li>\n<p>\u6324\u6210\u4e00\u56e2\u7684\u9875\u9762\u4e0d\u4f1a\u62a5\u9519<\/p>\n<\/li>\n<li>\n<p>\u62ff\u6807\u5c3a\u91cf\u4e00\u904d\u4f60\u81ea\u5df1\u7684\u9875\u9762<\/p>\n<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092511-6a9e82f7c5588.png\" alt=\"\" \/><\/p>\n<h3>\u540c\u4e00\u4efd\u5185\u5bb9,\u4e24\u79cd\u8138<\/h3>\n<p>\u5148\u505a\u4e2a\u5b9e\u9a8c(\u8fd0\u884c\u7ed3\u679c\u5728 Chrome 128 \u4e0e Edge 128 \u4e0b\u9a8c\u8bc1\u8fc7;\u884c\u9ad8\u3001margin\u3001padding \u8fd9\u4e09\u4ef6\u4e8b\u5c5e\u4e8e CSS 2.1 \u5c31\u5b9a\u4e0b\u6765\u7684\u673a\u5236,\u957f\u671f\u9002\u7528,\u4e0d\u4f9d\u8d56\u5177\u4f53\u6d4f\u89c8\u5668\u7248\u672c)\u3002\u4e0b\u9762\u56db\u4e2a\u9875\u9762,\u6807\u7b7e\u4e00\u6a21\u4e00\u6837,\u6587\u5b57\u4e00\u6a21\u4e00\u6837,\u989c\u8272\u4e5f\u6ca1\u52a8,\u53ea\u6709\u4e09\u884c\u6837\u5f0f\u4e0d\u4e00\u6837\u3002\u6211\u628a\u5b83\u4eec\u9010\u4e2a\u6e32\u67d3\u51fa\u6765,\u4f60\u5bf9\u7740\u770b\u5c31\u80fd\u8bf4\u51fa&#034;\u6a21\u677f\u611f&#034;\u662f\u54ea\u6765\u7684\u3002<\/p>\n<p>\u6837\u5f0f\u4ee3\u7801\u4e0d\u7528\u7ec6\u770b,\u7406\u89e3\u4e3a\u7ed9\u7f51\u9875\u5316\u5986\u5373\u53ef,CSS \u4e13\u680f\u91cc\u4f1a\u5c55\u5f00\u3002\u4eca\u5929\u53ea\u78b0\u4e09\u4e2a\u5f00\u5173:line-height(\u884c\u9ad8)\u3001margin(\u5916\u8fb9\u8ddd)\u3001padding(\u5185\u8fb9\u8ddd)\u3002<\/p>\n<p>\u7b2c\u4e00\u7248,\u65b0\u624b\u9ed8\u8ba4\u957f\u8fd9\u6837\u3002 \u6240\u6709\u5143\u7d20\u7d27\u7d27\u8d34\u5728\u4e00\u8d77,\u6d4f\u89c8\u5668\u7ed9\u4ec0\u4e48\u95f4\u8ddd\u5c31\u7528\u4ec0\u4e48\u95f4\u8ddd:<\/p>\n<p>&lt;!&#8211; \u300a100\u5929\u7cbe\u901aHTML\u57fa\u7840\u5165\u95e8\u300bDay 13 \u00b7 \u5e73\u5934\u54e5 \u00b7 \u6280\u672f\u6539\u53d8\u4e16\u754c,\u52e4\u594b\u6539\u53d8\u4eba\u751f &#8211;&gt;<br \/>\n&lt;!DOCTYPE html&gt;<br \/>\n&lt;html lang&#061;&#034;zh-CN&#034;&gt;<br \/>\n&lt;head&gt;<br \/>\n  &lt;meta charset&#061;&#034;UTF-8&#034;&gt;<br \/>\n  &lt;meta name&#061;&#034;viewport&#034; content&#061;&#034;width&#061;device-width, initial-scale&#061;1.0&#034;&gt;<br \/>\n  &lt;title&gt;\u540d\u7247\u9875 v0 \u00b7 \u6324\u6210\u4e00\u56e2&lt;\/title&gt;<br \/>\n  &lt;style&gt;<br \/>\n    body { font-family: &#034;Microsoft YaHei&#034;, sans-serif; background: #f7f5ef;<br \/>\n      color: #24292f; margin: 0; line-height: 1; }<br \/>\n    \/* \u6807\u9898:\u5b57\u53f7\u5927,\u884c\u9ad8\u53cd\u800c\u8981\u6536\u5c0f *\/<br \/>\n    .card { background: #fff; border: 1px solid #d8d3c8; max-width: 640px;<br \/>\n      padding: 0; }<br \/>\n    h1 { font-size: 22px; margin: 0; }<br \/>\n    h2 { font-size: 16px; margin: 0; color: #2563eb; }<br \/>\n    p { margin: 0; font-size: 14px; }<br \/>\n    li { font-size: 14px; margin: 0; }<br \/>\n  &lt;\/style&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n  &lt;div class&#061;&#034;card&#034;&gt;<br \/>\n    &lt;h1&gt;\u5e73\u5934\u54e5&lt;\/h1&gt;<br \/>\n    &lt;p&gt;\u524d\u7aef\u5de5\u7a0b\u5e08 \u00b7 \u5728 CSDN \u5199\u4ee3\u7801\u7b14\u8bb0&lt;\/p&gt;<br \/>\n    &lt;h2&gt;\u6211\u4f1a\u4ec0\u4e48&lt;\/h2&gt;<br \/>\n    &lt;ul&gt;<br \/>\n      &lt;li&gt;HTML \u7ed3\u6784\u4e0e\u8bed\u4e49\u6807\u7b7e&lt;\/li&gt;<br \/>\n      &lt;li&gt;\u9875\u9762\u6392\u7248\u4e0e\u79fb\u52a8\u7aef\u9002\u914d&lt;\/li&gt;<br \/>\n      &lt;li&gt;\u628a\u96f6\u57fa\u7840\u5b66\u5458\u5e26\u8fdb\u7b2c\u4e00\u4efd\u5de5\u4f5c&lt;\/li&gt;<br \/>\n    &lt;\/ul&gt;<br \/>\n    &lt;h2&gt;\u627e\u6211&lt;\/h2&gt;<br \/>\n    &lt;p&gt;\u90ae\u7bb1 pingtouge&#064;example.com&lt;\/p&gt;<br \/>\n    &lt;p&gt;\u5750\u6807 \u676d\u5dde&lt;\/p&gt;<br \/>\n  &lt;\/div&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092512-6a9e82f88251d.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/> <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092512-6a9e82f8b2964.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u8fd9\u7248\u7684\u95ee\u9898\u4e0d\u5728\u989c\u8272,\u4e5f\u4e0d\u5728\u5b57\u4f53,\u800c\u5728\u6240\u6709\u8ddd\u79bb\u90fd\u662f 0\u3002\u884c\u4e0e\u884c\u6328\u7740,\u5757\u4e0e\u5757\u6328\u7740,\u5361\u7247\u5185\u5bb9\u9876\u5230\u8fb9\u6846\u3002\u6d4f\u89c8\u5668\u9ed8\u8ba4\u6837\u5f0f\u88ab margin: 0 \u5168\u90e8\u6e05\u6389\u4e86,\u6e05\u5e72\u51c0\u662f\u597d\u4e8b,\u53ef\u4f60\u6ca1\u628a\u8be5\u7559\u7684\u8ddd\u79bb\u8865\u56de\u6765\u3002<\/p>\n<h3>\u7b2c\u4e00\u4e2a\u53d8\u91cf:\u6bcf\u4e00\u884c\u5b57\u5360\u591a\u9ad8<\/h3>\n<p>\u53ea\u6539\u4e00\u4e2a\u6570\u5b57:line-height: 1 \u6362\u6210 line-height: 1.75\u3002\u522b\u7684\u90fd\u4e0d\u52a8\u3002<\/p>\n<p>&lt;!&#8211; \u300a100\u5929\u7cbe\u901aHTML\u57fa\u7840\u5165\u95e8\u300bDay 13 \u00b7 \u5e73\u5934\u54e5 \u00b7 \u6280\u672f\u6539\u53d8\u4e16\u754c,\u52e4\u594b\u6539\u53d8\u4eba\u751f &#8211;&gt;<br \/>\n&lt;!DOCTYPE html&gt;<br \/>\n&lt;html lang&#061;&#034;zh-CN&#034;&gt;<br \/>\n&lt;head&gt;<br \/>\n  &lt;meta charset&#061;&#034;UTF-8&#034;&gt;<br \/>\n  &lt;meta name&#061;&#034;viewport&#034; content&#061;&#034;width&#061;device-width, initial-scale&#061;1.0&#034;&gt;<br \/>\n  &lt;title&gt;\u540d\u7247\u9875 v1 \u00b7 \u53ea\u6539\u884c\u9ad8&lt;\/title&gt;<br \/>\n  &lt;style&gt;<br \/>\n    body { font-family: &#034;Microsoft YaHei&#034;, sans-serif; background: #f7f5ef;<br \/>\n      color: #24292f; margin: 0; line-height: 1.75; }<br \/>\n    .card { background: #fff; border: 1px solid #d8d3c8; max-width: 640px;<br \/>\n      padding: 0; }<br \/>\n    h1 { font-size: 22px; margin: 0; }<br \/>\n    h2 { font-size: 16px; margin: 0; color: #2563eb; }<br \/>\n    p { margin: 0; font-size: 14px; }<br \/>\n    li { font-size: 14px; margin: 0; }<br \/>\n  &lt;\/style&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n  &lt;div class&#061;&#034;card&#034;&gt;<br \/>\n    &lt;h1&gt;\u5e73\u5934\u54e5&lt;\/h1&gt;<br \/>\n    &lt;p&gt;\u524d\u7aef\u5de5\u7a0b\u5e08 \u00b7 \u5728 CSDN \u5199\u4ee3\u7801\u7b14\u8bb0&lt;\/p&gt;<br \/>\n    &lt;h2&gt;\u6211\u4f1a\u4ec0\u4e48&lt;\/h2&gt;<br \/>\n    &lt;ul&gt;<br \/>\n      &lt;li&gt;HTML \u7ed3\u6784\u4e0e\u8bed\u4e49\u6807\u7b7e&lt;\/li&gt;<br \/>\n      &lt;li&gt;\u9875\u9762\u6392\u7248\u4e0e\u79fb\u52a8\u7aef\u9002\u914d&lt;\/li&gt;<br \/>\n      &lt;li&gt;\u628a\u96f6\u57fa\u7840\u5b66\u5458\u5e26\u8fdb\u7b2c\u4e00\u4efd\u5de5\u4f5c&lt;\/li&gt;<br \/>\n    &lt;\/ul&gt;<br \/>\n    &lt;h2&gt;\u627e\u6211&lt;\/h2&gt;<br \/>\n    &lt;p&gt;\u90ae\u7bb1 pingtouge&#064;example.com&lt;\/p&gt;<br \/>\n    &lt;p&gt;\u5750\u6807 \u676d\u5dde&lt;\/p&gt;<br \/>\n  &lt;\/div&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092513-6a9e82f919314.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/> <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092513-6a9e82f93cb6a.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/> <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092513-6a9e82f9958db.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>line-height \u7ba1\u7684\u662f\u4e00\u884c\u6587\u5b57\u5360\u591a\u9ad8\u7684\u884c\u76d2,\u4e0d\u662f\u5b57\u4e0e\u5b57\u4e4b\u95f4\u7684\u8ddd\u79bb\u3002\u5b57\u53f7 14px\u3001\u884c\u9ad8 1.75,\u6bcf\u884c\u5c31\u5360 24.5px,\u5269\u4e0b\u7684 10.5px \u5e73\u5206\u5230\u6587\u5b57\u4e0a\u4e0b,\u773c\u775b\u624d\u6709\u5730\u65b9\u843d\u811a\u3002\u5199 line-height: 1 \u76f8\u5f53\u4e8e\u628a\u8d70\u5eca\u62c6\u4e86,\u8ba9\u6240\u6709\u6587\u5b57\u6324\u5728\u4e00\u6761\u8fc7\u9053\u91cc\u3002<\/p>\n<p>\u4e2d\u6587\u6b63\u6587\u7684\u7ecf\u9a8c\u533a\u95f4\u662f 1.6 \u5230 1.9,\u6807\u9898\u53cd\u8fc7\u6765\u8981\u66f4\u5c0f(1.2 \u5de6\u53f3),\u56e0\u4e3a\u6807\u9898\u5b57\u53f7\u672c\u6765\u5c31\u5927,\u4e58\u51fa\u6765\u7684\u5b9e\u9645\u8ddd\u79bb\u5df2\u7ecf\u591f\u4e86\u3002\u8fd9\u5c31\u662f\u4e3a\u4ec0\u4e48\u5f88\u591a\u9875\u9762\u6b63\u6587\u8fd8\u884c,\u6807\u9898\u4e0b\u9762\u5374\u7a7a\u51fa\u4e00\u5927\u7247\u3002<\/p>\n<h3>\u5757\u4e0e\u5757\u4e4b\u95f4\u7a7a\u591a\u5c11,\u624d\u53eb&#034;\u4e00\u7ec4&#034;<\/h3>\n<p>\u884c\u9ad8\u89e3\u51b3\u4e86&#034;\u884c\u95f4&#034;,\u89e3\u51b3\u4e0d\u4e86&#034;\u5757\u95f4&#034;\u3002\u4eba\u548c\u4eba\u8bfb\u9875\u9762\u65f6\u9760\u8ddd\u79bb\u5224\u65ad\u5f52\u5c5e:\u79bb\u5f97\u8fd1\u7684\u5c31\u662f\u4e00\u4f19\u7684\u3002\u8fd9\u6761\u89c4\u5219\u53eb\u4eb2\u5bc6\u6027,\u662f\u6392\u7248\u91cc\u6700\u4fbf\u5b9c\u7684\u4e00\u62db\u3002<\/p>\n<p>&lt;!&#8211; \u300a100\u5929\u7cbe\u901aHTML\u57fa\u7840\u5165\u95e8\u300bDay 13 \u00b7 \u5e73\u5934\u54e5 \u00b7 \u6280\u672f\u6539\u53d8\u4e16\u754c,\u52e4\u594b\u6539\u53d8\u4eba\u751f &#8211;&gt;<br \/>\n&lt;!DOCTYPE html&gt;<br \/>\n&lt;html lang&#061;&#034;zh-CN&#034;&gt;<br \/>\n&lt;head&gt;<br \/>\n  &lt;meta charset&#061;&#034;UTF-8&#034;&gt;<br \/>\n  &lt;meta name&#061;&#034;viewport&#034; content&#061;&#034;width&#061;device-width, initial-scale&#061;1.0&#034;&gt;<br \/>\n  &lt;title&gt;\u540d\u7247\u9875 v2 \u00b7 \u7528 margin \u5206\u7ec4&lt;\/title&gt;<br \/>\n  &lt;style&gt;<br \/>\n    body { font-family: &#034;Microsoft YaHei&#034;, sans-serif; background: #f7f5ef;<br \/>\n      color: #24292f; margin: 0; line-height: 1.75; }<br \/>\n    .card { background: #fff; border: 1px solid #d8d3c8; max-width: 640px;<br \/>\n      margin: 28px auto; padding: 0; }<br \/>\n    h1 { font-size: 26px; line-height: 1.25; margin: 0 0 6px; }<br \/>\n    .lead { color: #6b7280; margin: 0 0 24px; font-size: 15px; }<br \/>\n    h2 { font-size: 16px; margin: 24px 0 8px; color: #2563eb; }<br \/>\n    p { margin: 0 0 8px; font-size: 14px; }<br \/>\n    ul { margin: 0; padding-left: 20px; }<br \/>\n    li { font-size: 14px; margin: 0 0 4px; }<br \/>\n  &lt;\/style&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n  &lt;div class&#061;&#034;card&#034;&gt;<br \/>\n    &lt;h1&gt;\u5e73\u5934\u54e5&lt;\/h1&gt;<br \/>\n    &lt;p class&#061;&#034;lead&#034;&gt;\u524d\u7aef\u5de5\u7a0b\u5e08 \u00b7 \u5728 CSDN \u5199\u4ee3\u7801\u7b14\u8bb0&lt;\/p&gt;<br \/>\n    &lt;h2&gt;\u6211\u4f1a\u4ec0\u4e48&lt;\/h2&gt;<br \/>\n    &lt;ul&gt;<br \/>\n      &lt;li&gt;HTML \u7ed3\u6784\u4e0e\u8bed\u4e49\u6807\u7b7e&lt;\/li&gt;<br \/>\n      &lt;li&gt;\u9875\u9762\u6392\u7248\u4e0e\u79fb\u52a8\u7aef\u9002\u914d&lt;\/li&gt;<br \/>\n      &lt;li&gt;\u628a\u96f6\u57fa\u7840\u5b66\u5458\u5e26\u8fdb\u7b2c\u4e00\u4efd\u5de5\u4f5c&lt;\/li&gt;<br \/>\n    &lt;\/ul&gt;<br \/>\n    &lt;h2&gt;\u627e\u6211&lt;\/h2&gt;<br \/>\n    &lt;p&gt;\u90ae\u7bb1 pingtouge&#064;example.com&lt;\/p&gt;<br \/>\n    &lt;p&gt;\u5750\u6807 \u676d\u5dde&lt;\/p&gt;<br \/>\n  &lt;\/div&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092514-6a9e82fa0ba14.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/> <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092514-6a9e82fa3cdfc.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/> <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092514-6a9e82faa091a.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u6570\u4e00\u4e0b\u8fd9\u9875\u91cc\u7684\u4e09\u6863\u8ddd\u79bb:\u540c\u4e00\u7ec4\u5185\u90e8 4 \u5230 8px,\u7ec4\u4e0e\u7ec4\u4e4b\u95f4 24px,\u6807\u9898\u5230\u5b83\u7ba1\u7684\u5185\u5bb9 8px\u3002\u5173\u952e\u662f&#034;\u4e0d\u76f8\u7b49&#034;\u2014\u2014\u53ea\u8981\u5927\u95f4\u8ddd\u660e\u663e\u5927\u4e8e\u5c0f\u95f4\u8ddd,\u8bfb\u8005\u5c31\u77e5\u9053\u54ea\u91cc\u65ad\u5f00\u4e86\u3002\u65b0\u624b\u6700\u5e38\u89c1\u7684\u76f8\u53cd\u505a\u6cd5\u662f\u6240\u6709 margin \u4e00\u5f8b\u5199 20px,\u6574\u9f50\u662f\u6574\u9f50\u4e86,\u5206\u7ec4\u4fe1\u606f\u4e5f\u5c31\u6ca1\u4e86\u3002<\/p>\n<p>\u987a\u624b\u8bb0\u4e00\u4e2a\u5751:.lead \u90a3\u884c\u6211\u5199\u4e86 margin: 0 0 24px,\u628a\u4e0a\u8fb9\u8ddd\u5f52\u96f6,\u4e0d\u7136\u5b83\u4f1a\u7ee7\u627f\u6d4f\u89c8\u5668\u7684 p \u9ed8\u8ba4\u5916\u8fb9\u8ddd,\u548c\u4e0a\u9762 h1 \u6324\u51fa\u7684\u8ddd\u79bb\u53e0\u52a0,\u53d8\u6210\u4e00\u5757\u8c01\u4e5f\u4e0d\u7ba1\u7684\u7a7a\u767d\u3002<\/p>\n<h3>\u5b57\u8d34\u5230\u5361\u7247\u8fb9\u4e0a,\u662f padding \u7684\u4e8b<\/h3>\n<p>\u5206\u7ec4\u5bf9\u4e86,\u4f46\u6587\u5b57\u8fd8\u662f\u9876\u7740\u767d\u6846\u7684\u8fb9\u2014\u2014\u90a3\u5708\u8fb9\u6846\u628a\u5185\u5bb9&#034;\u5173&#034;\u4f4f\u4e86\u3002\u8fb9\u6846\u5185\u7684\u7a7a\u767d\u53eb padding,\u8fb9\u6846\u5916\u7684\u7a7a\u767d\u53eb margin,\u4e24\u4e2a\u522b\u6df7\u3002<\/p>\n<p>&lt;!&#8211; \u300a100\u5929\u7cbe\u901aHTML\u57fa\u7840\u5165\u95e8\u300bDay 13 \u00b7 \u5e73\u5934\u54e5 \u00b7 \u6280\u672f\u6539\u53d8\u4e16\u754c,\u52e4\u594b\u6539\u53d8\u4eba\u751f &#8211;&gt;<br \/>\n&lt;!DOCTYPE html&gt;<br \/>\n&lt;html lang&#061;&#034;zh-CN&#034;&gt;<br \/>\n&lt;head&gt;<br \/>\n  &lt;meta charset&#061;&#034;UTF-8&#034;&gt;<br \/>\n  &lt;meta name&#061;&#034;viewport&#034; content&#061;&#034;width&#061;device-width, initial-scale&#061;1.0&#034;&gt;<br \/>\n  &lt;title&gt;\u540d\u7247\u9875 v3 \u00b7 \u52a0\u5185\u8fb9\u8ddd\u4e0e\u5bf9\u9f50&lt;\/title&gt;<br \/>\n  &lt;style&gt;<br \/>\n    \/* \u8ba9 padding \u4e0d\u518d\u5f80\u5916\u6491\u5bbd,\u624b\u673a\u4e0a\u624d\u4e0d\u6ea2\u51fa *\/<br \/>\n    * { box-sizing: border-box; }<br \/>\n    body { font-family: &#034;Microsoft YaHei&#034;, sans-serif; background: #f7f5ef;<br \/>\n      color: #24292f; margin: 0; line-height: 1.75; }<br \/>\n    .card { background: #fff; border: 1px solid #d8d3c8; border-radius: 14px;<br \/>\n      max-width: 640px; margin: 28px auto; padding: 28px 32px;<br \/>\n      box-shadow: 0 4px 18px rgba(31,45,61,.07); }<br \/>\n    h1 { font-size: 26px; line-height: 1.25; margin: 0 0 6px; }<br \/>\n    .lead { color: #6b7280; margin: 0 0 24px; font-size: 15px; }<br \/>\n    h2 { font-size: 16px; margin: 24px 0 8px; color: #2563eb;<br \/>\n      border-left: 4px solid #ffd166; padding-left: 8px; }<br \/>\n    p { margin: 0 0 8px; font-size: 14px; }<br \/>\n    ul { margin: 0; padding-left: 20px; }<br \/>\n    li { font-size: 14px; margin: 0 0 4px; }<br \/>\n    .foot { margin-top: 24px; padding-top: 14px; border-top: 1px dashed #d8d3c8;<br \/>\n      font-size: 13px; color: #6b7280; }<br \/>\n  &lt;\/style&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n  &lt;div class&#061;&#034;card&#034;&gt;<br \/>\n    &lt;h1&gt;\u5e73\u5934\u54e5&lt;\/h1&gt;<br \/>\n    &lt;p class&#061;&#034;lead&#034;&gt;\u524d\u7aef\u5de5\u7a0b\u5e08 \u00b7 \u5728 CSDN \u5199\u4ee3\u7801\u7b14\u8bb0&lt;\/p&gt;<br \/>\n    &lt;h2&gt;\u6211\u4f1a\u4ec0\u4e48&lt;\/h2&gt;<br \/>\n    &lt;ul&gt;<br \/>\n      &lt;li&gt;HTML \u7ed3\u6784\u4e0e\u8bed\u4e49\u6807\u7b7e&lt;\/li&gt;<br \/>\n      &lt;li&gt;\u9875\u9762\u6392\u7248\u4e0e\u79fb\u52a8\u7aef\u9002\u914d&lt;\/li&gt;<br \/>\n      &lt;li&gt;\u628a\u96f6\u57fa\u7840\u5b66\u5458\u5e26\u8fdb\u7b2c\u4e00\u4efd\u5de5\u4f5c&lt;\/li&gt;<br \/>\n    &lt;\/ul&gt;<br \/>\n    &lt;h2&gt;\u627e\u6211&lt;\/h2&gt;<br \/>\n    &lt;p&gt;\u90ae\u7bb1 pingtouge&#064;example.com&lt;\/p&gt;<br \/>\n    &lt;p&gt;\u5750\u6807 \u676d\u5dde&lt;\/p&gt;<br \/>\n    &lt;p class&#061;&#034;foot&#034;&gt;\u6837\u5f0f\u4e0d\u7528\u7ec6\u770b,\u7406\u89e3\u4e3a\u7ed9\u7f51\u9875\u5316\u5986\u5373\u53ef\u3002&lt;\/p&gt;<br \/>\n  &lt;\/div&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092515-6a9e82fb426ff.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/> <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092515-6a9e82fb7e5f1.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/> <img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092515-6a9e82fbe3755.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>\u56db\u4e2a\u6539\u52a8\u90fd\u503c\u5f97\u8bf4\u4e00\u53e5\u3002\u7b2c\u4e00,padding: 28px 32px \u4e0a\u4e0b 28\u3001\u5de6\u53f3 32,\u5de6\u53f3\u7ed9\u5f97\u66f4\u591a\u662f\u56e0\u4e3a\u6c49\u5b57\u884c\u5bbd\u5927,\u6a2a\u5411\u7559\u767d\u66f4\u5f71\u54cd\u547c\u5438\u3002\u7b2c\u4e8c,* { box-sizing: border-box; } \u662f\u4fdd\u9669:\u9ed8\u8ba4 content-box \u4e0b padding \u4f1a\u5f80\u5916\u6491\u5bbd,\u5361\u7247\u53ef\u80fd\u5728\u624b\u673a\u4e0a\u6ea2\u51fa\u591a\u51fa\u6a2a\u5411\u6eda\u52a8\u6761\u3002\u7b2c\u4e09,h2 \u5de6\u8fb9\u90a3 4px \u7ad6\u6761\u7528\u7684\u662f border-left &#043; padding-left,\u8ba9\u8272\u6761\u538b\u7740\u6587\u5b57\u800c\u4e0d\u662f\u98d8\u5728\u65c1\u8fb9\u3002\u7b2c\u56db,\u5206\u9694\u7ebf\u7528\u7684\u662f\u5df2\u6709\u5143\u7d20\u7684 border,\u4e0d\u662f\u63d2\u4e00\u6761 &lt;hr&gt;\u2014\u2014\u5c11\u4e00\u4e2a\u6807\u7b7e,\u5c42\u7ea7\u66f4\u5e72\u51c0\u3002<\/p>\n<p>\u4ece v0 \u5230 v3,HTML \u4e00\u4e2a\u5b57\u6ca1\u6539\u3002\u6240\u8c13&#034;\u8bbe\u8ba1\u611f&#034;,\u5230\u8fd9\u91cc\u4e3a\u6b62\u5168\u662f\u95f4\u8ddd\u3002<\/p>\n<h3>\u6324\u6210\u4e00\u56e2\u7684\u9875\u9762\u4e0d\u4f1a\u62a5\u9519<\/h3>\n<p>\u6392\u7248\u7ffb\u8f66\u6700\u9634\u7684\u5730\u65b9:\u6d4f\u89c8\u5668\u4e0d\u62a5\u9519\u3002\u4f60\u5c11\u5199\u4e00\u4e2a\u95ed\u5408\u6807\u7b7e\u5b83\u4f1a\u543c\u4f60,\u95f4\u8ddd\u6ca1\u7559\u591f\u5b83\u53ea\u4f1a\u5b89\u9759\u5730\u628a\u9875\u9762\u6392\u6210\u4e00\u5835\u5899\u3002<\/p>\n<p>\u8fd8\u6709\u4e00\u4e2a\u66f4\u5e38\u89c1\u7684\u9519\u8bef\u6765\u6e90\u2014\u2014\u7528 &amp;nbsp; \u548c &lt;br&gt; \u624b\u6572\u7a7a\u767d\u6765&#034;\u9020\u95f4\u8ddd&#034;:<\/p>\n<p>&lt;!&#8211; \u300a100\u5929\u7cbe\u901aHTML\u57fa\u7840\u5165\u95e8\u300bDay 13 \u00b7 \u5e73\u5934\u54e5 \u00b7 \u6280\u672f\u6539\u53d8\u4e16\u754c,\u52e4\u594b\u6539\u53d8\u4eba\u751f &#8211;&gt;<br \/>\n&lt;!DOCTYPE html&gt;<br \/>\n&lt;html lang&#061;&#034;zh-CN&#034;&gt;<br \/>\n&lt;head&gt;<br \/>\n  &lt;meta charset&#061;&#034;UTF-8&#034;&gt;<br \/>\n  &lt;meta name&#061;&#034;viewport&#034; content&#061;&#034;width&#061;device-width, initial-scale&#061;1.0&#034;&gt;<br \/>\n  &lt;title&gt;\u7ffb\u8f66 \u00b7 \u7528 &amp;nbsp; \u548c br \u624b\u6413\u95f4\u8ddd&lt;\/title&gt;<br \/>\n  &lt;style&gt;<br \/>\n    body { font-family: &#034;Microsoft YaHei&#034;, sans-serif; background: #f7f5ef;<br \/>\n      color: #24292f; margin: 0; line-height: 1.75; }<br \/>\n    .card { background: #fff; border: 1px solid #d8d3c8; max-width: 640px;<br \/>\n      margin: 28px auto; padding: 20px; }<br \/>\n  &lt;\/style&gt;<br \/>\n&lt;\/head&gt;<br \/>\n&lt;body&gt;<br \/>\n  &lt;div class&#061;&#034;card&#034;&gt;<br \/>\n    &lt;h1 style&#061;&#034;margin:0;font-size:22px;&#034;&gt;\u5e73\u5934\u54e5&lt;\/h1&gt;<br \/>\n    &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br&gt;<br \/>\n    &lt;b&gt;\u6211\u4f1a\u4ec0\u4e48&lt;\/b&gt;&lt;br&gt;<br \/>\n    &amp;nbsp;&amp;nbsp;\u00b7 HTML \u7ed3\u6784\u4e0e\u8bed\u4e49\u6807\u7b7e&lt;br&gt;<br \/>\n    &amp;nbsp;&amp;nbsp;\u00b7 \u9875\u9762\u6392\u7248\u4e0e\u79fb\u52a8\u7aef\u9002\u914d&lt;br&gt;<br \/>\n    &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br&gt;<br \/>\n    &lt;b&gt;\u627e\u6211&lt;\/b&gt;&lt;br&gt;<br \/>\n    &amp;nbsp;&amp;nbsp;\u90ae\u7bb1 pingtouge&#064;example.com&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;<br \/>\n    \u5750\u6807 \u676d\u5dde&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;\u5fae\u4fe1 pingtouge_wechat<br \/>\n  &lt;\/div&gt;<br \/>\n&lt;\/body&gt;<br \/>\n&lt;\/html&gt;<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092516-6a9e82fc5870d.png\" alt=\"\" \/><\/p>\n<p>\u7a84\u5c4f\u4e0b\u8fd9\u4e00\u5768\u4f1a\u7acb\u523b\u73b0\u5f62:\u4e00\u4e32 &amp;nbsp; \u662f\u4e0d\u53ef\u65ad\u884c\u7684\u6574\u4f53,\u624b\u673a\u5bbd\u5ea6\u4e0d\u591f\u65f6\u5b83\u4e0d\u6298\u884c,\u76f4\u63a5\u628a\u5361\u7247\u6491\u51fa\u6a2a\u5411\u6eda\u52a8\u6761\u3002\u95f4\u8ddd\u4ea4\u7ed9\u6837\u5f0f\u5199,\u5185\u5bb9\u624d\u4ea4\u7ed9 HTML \u5199\u2014\u2014\u8fd9\u662f\u524d\u9762\u5341\u51e0\u5929\u4e00\u76f4\u5728\u8bf4\u7684\u90a3\u6761\u5206\u5de5\u7ebf\u3002\u6211\u81ea\u5df1\u5e26\u7684\u4e00\u4e2a\u5b66\u5458,\u540d\u7247\u9875\u5728\u7535\u8111\u4e0a\u770b\u7740\u633a\u597d,\u53d1\u5230\u624b\u673a\u4e0a\u53f3\u8fb9\u4e00\u6574\u5217\u8054\u7cfb\u65b9\u5f0f\u8981\u5de6\u53f3\u62d6,\u539f\u56e0\u5c31\u662f\u90a3\u5341\u51e0\u4e2a\u624b\u6572\u7684\u7a7a\u683c\u3002<\/p>\n<h3>\u62ff\u6807\u5c3a\u91cf\u4e00\u904d\u4f60\u81ea\u5df1\u7684\u9875\u9762<\/h3>\n<h4>\u5148\u5b9a\u4e09\u4e2a\u6570:\u6b63\u6587\u3001\u7ec4\u5185\u3001\u7ec4\u95f4<\/h4>\n<p>\u586b\u6837\u5f0f\u4e4b\u524d\u5148\u628a\u8fd9\u5f20\u8868\u6284\u8fdb\u7b14\u8bb0,\u5b83\u6bd4\u4efb\u4f55\u8bbe\u8ba1\u89c4\u8303\u90fd\u7ba1\u7528:<\/p>\n<table>\n<tr>\u7528\u9014\u5efa\u8bae\u503c\u4e3a\u4ec0\u4e48\u662f\u8fd9\u4e2a\u6570<\/tr>\n<tbody>\n<tr>\n<td>\u6b63\u6587\u884c\u9ad8<\/td>\n<td>1.6 ~ 1.9<\/td>\n<td>\u4e2d\u6587\u5b57\u5f62\u65b9\u6b63,\u884c\u8ddd\u5c0f\u4e8e 1.6 \u5bb9\u6613\u4e32\u884c<\/td>\n<\/tr>\n<tr>\n<td>\u6807\u9898\u884c\u9ad8<\/td>\n<td>1.2 \u5de6\u53f3<\/td>\n<td>\u6807\u9898\u5b57\u53f7\u5927,\u4e58\u51fa\u6765\u7684\u5b9e\u9645\u8ddd\u79bb\u5df2\u7ecf\u591f<\/td>\n<\/tr>\n<tr>\n<td>\u7ec4\u5185\u95f4\u8ddd<\/td>\n<td>4 ~ 8px<\/td>\n<td>\u8868\u793a\u8fd9\u51e0\u884c\u662f\u4e00\u4f19\u7684<\/td>\n<\/tr>\n<tr>\n<td>\u7ec4\u95f4\u95f4\u8ddd<\/td>\n<td>20 ~ 32px<\/td>\n<td>\u5fc5\u987b\u660e\u663e\u5927\u4e8e\u7ec4\u5185,\u5426\u5219\u5206\u7ec4\u5931\u6548<\/td>\n<\/tr>\n<tr>\n<td>\u5361\u7247\u5185\u8fb9\u8ddd<\/td>\n<td>24 ~ 32px<\/td>\n<td>\u5c0f\u4e8e 20px \u4f1a\u50cf\u88ab\u88c1\u8fc7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><img decoding=\"async\" src=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092516-6a9e82fc7eaca.png\" alt=\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\" \/><\/p>\n<p>DevTools \u91cc\u9009\u4e2d\u4e00\u4e2a\u5143\u7d20,\u53f3\u4fa7\u76d2\u6a21\u578b\u56fe\u4f1a\u76f4\u63a5\u628a margin\u3001border\u3001padding\u3001\u5185\u5bb9\u5bbd\u56db\u5708\u6570\u5b57\u6807\u51fa\u6765;\u9f20\u6807\u60ac\u505c\u5728\u9875\u9762\u4e0a\u65f6,margin \u663e\u793a\u4e3a\u6a59\u8272,padding \u663e\u793a\u4e3a\u7eff\u8272\u3002\u4e09\u4e2a\u52a8\u4f5c\u7ec3\u624b\u611f:<\/p>\n<li>\n<p>\u60ac\u505c\u770b\u4f60\u89c9\u5f97&#034;\u592a\u6324&#034;\u7684\u90a3\u4e00\u6bb5,\u770b\u7eff\u8272\u7684 padding \u6709\u6ca1\u6709,\u6570\u5b57\u662f\u591a\u5c11\u3002<\/p>\n<\/li>\n<li>\n<p>\u628a line-height \u4ece 1.75 \u4e00\u8def\u5f80\u4e0b\u8c03,\u6bcf\u6539\u4e00\u6b21\u5237\u65b0,\u4eb2\u773c\u770b\u5230&#034;\u8fd8\u80fd\u8bfb&#034;\u548c&#034;\u8bfb\u4e0d\u4e0b\u53bb&#034;\u7684\u4e34\u754c\u70b9\u5728\u54ea\u3002<\/p>\n<\/li>\n<li>\n<p>\u628a\u67d0\u4e24\u4e2a\u76f8\u90bb\u5757\u7684 margin \u6539\u6210\u540c\u4e00\u4e2a\u503c(\u6bd4\u5982\u5168 20px),\u611f\u53d7\u5206\u7ec4\u4fe1\u606f\u6d88\u5931\u540e\u7684\u6837\u5b50\u2014\u2014\u8fd9\u4e00\u6761\u6bd4\u4efb\u4f55\u8bb2\u89e3\u90fd\u7ba1\u7528\u3002<\/p>\n<\/li>\n<p>\u95f4\u8ddd\u8fd9\u4ef6\u4e8b\u6ca1\u6709\u6807\u51c6\u7b54\u6848,\u53ea\u6709&#034;\u591f\u4e0d\u591f\u7528&#034;\u3002\u5224\u65ad\u6807\u51c6\u4e5f\u5f88\u6734\u7d20:\u622a\u56fe\u53d1\u7ed9\u4e00\u4e2a\u4e0d\u8ba4\u8bc6\u7684\u4eba,\u8ba9\u4ed6 3 \u79d2\u5185\u8bf4\u51fa\u8fd9\u9875\u6709\u51e0\u5757\u5185\u5bb9\u3002\u8bf4\u4e0d\u51fa,\u5c31\u662f\u8ddd\u79bb\u6ca1\u62c9\u5f00\u3002<\/p>\n<h3>\u7559\u4e2a\u4f5c\u4e1a<\/h3>\n<p>\u62ff\u4f60 Day 10 \u90a3\u4e2a\u540d\u7247\u9875\u505a\u4e09\u4ef6\u4e8b\u3002\u7b2c\u4e00,\u53ea\u628a line-height \u4ece\u6d4f\u89c8\u5668\u9ed8\u8ba4\u7684 normal \u6539\u6210 1.8,\u622a\u56fe\u5b58\u6863\u3002\u7b2c\u4e8c,\u7ed9\u4f60\u7684\u6bcf\u4e2a section \u52a0\u4e0a margin-bottom,\u81ea\u5df1\u5b9a\u4e00\u4e2a&#034;\u7ec4\u5185\u8ddd\u79bb&#034;\u548c\u4e00\u4e2a&#034;\u7ec4\u95f4\u8ddd\u79bb&#034;,\u4e24\u4e2a\u6570\u5b57\u5fc5\u987b\u4e0d\u540c\u3002\u7b2c\u4e09,\u628a\u9875\u9762\u91cc\u6240\u6709 &lt;br&gt; \u548c &amp;nbsp; \u5220\u5e72\u51c0,\u6539\u7528 padding \u548c margin \u8865\u56de\u539f\u6765\u7684\u89c2\u611f\u3002\u505a\u5b8c\u628a v0 \u548c\u6700\u7ec8\u7248\u4e24\u5f20\u622a\u56fe\u5e76\u6392\u653e\u597d\u2014\u2014Day 14 \u7efc\u5408\u5b9e\u6218\u8981\u7528\u5b83\u5f53\u8d77\u70b9\u3002<\/p>\n<p>\u53c2\u8003\u8d44\u6599<\/p>\n<ul>\n<li>\n<p>MDN: line-height CSS \u5c5e\u6027<\/p>\n<\/li>\n<li>\n<p>MDN: margin \u4e0e padding \u7684\u76d2\u6a21\u578b<\/p>\n<\/li>\n<li>\n<p>MDN: box-sizing<\/p>\n<\/li>\n<\/ul>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>\u672c\u6587\u662f\u300a100\u5929\u7cbe\u901aHTML\u57fa\u7840\u5165\u95e8\u300b\u4e13\u680f\u7b2c 13 \u7bc7,\u8ba2\u9605\u4e13\u680f\u4e0d\u8ff7\u8def\u3002 \u672c\u6587\u76ee\u5f55 \u540c\u4e00\u4efd\u5185\u5bb9,\u4e24\u79cd\u8138  \u7b2c\u4e00\u4e2a\u53d8\u91cf:\u6bcf\u4e00\u884c\u5b57\u5360\u591a\u9ad8  \u5757\u4e0e\u5757\u4e4b\u95f4\u7a7a\u591a\u5c11,\u624d\u53eb\\&#8221;\u4e00\u7ec4\\&#8221;  \u5b57\u8d34\u5230\u5361\u7247\u8fb9\u4e0a,\u662f padding \u7684\u4e8b  \u6324\u6210\u4e00\u56e2\u7684\u9875\u9762\u4e0d\u4f1a\u62a5\u9519  \u62ff\u6807\u5c3a\u91cf\u4e00\u904d\u4f60\u81ea\u5df1\u7684\u9875\u9762  \u540c\u4e00\u4efd\u5185\u5bb9,\u4e24\u79cd\u8138<br \/>\n\u5148\u505a\u4e2a\u5b9e\u9a8c(\u8fd0\u884c\u7ed3\u679c\u5728 Chrome 128 \u4e0e Edge 128 \u4e0b\u9a8c\u8bc1\u8fc7;\u884c\u9ad8\u3001margin\u3001padding \u8fd9\u4e09\u4ef6\u4e8b\u5c5e\u4e8e CSS 2.1 \u5c31\u5b9a\u4e0b\u6765\u7684\u673a\u5236,\u957f\u671f\u9002\u7528,\u4e0d\u4f9d\u8d56\u5177\u4f53\u6d4f\u89c8\u5668\u7248\u672c<\/p>\n","protected":false},"author":2,"featured_media":101828,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[964,187,87,371,190],"topic":[],"class_list":["post-101842","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server","tag-html5","tag-javascript","tag-87","tag-371","tag-190"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Day 13 | \u8c03 line-height \u548c margin:\u4e09\u5904\u95f4\u8ddd\u8ba9\u540d\u7247\u9875\u8131\u79bb\u6a21\u677f\u611f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/101842.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Day 13 | \u8c03 line-height \u548c margin:\u4e09\u5904\u95f4\u8ddd\u8ba9\u540d\u7247\u9875\u8131\u79bb\u6a21\u677f\u611f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"\u672c\u6587\u662f\u300a100\u5929\u7cbe\u901aHTML\u57fa\u7840\u5165\u95e8\u300b\u4e13\u680f\u7b2c 13 \u7bc7,\u8ba2\u9605\u4e13\u680f\u4e0d\u8ff7\u8def\u3002 \u672c\u6587\u76ee\u5f55 \u540c\u4e00\u4efd\u5185\u5bb9,\u4e24\u79cd\u8138 \u7b2c\u4e00\u4e2a\u53d8\u91cf:\u6bcf\u4e00\u884c\u5b57\u5360\u591a\u9ad8 \u5757\u4e0e\u5757\u4e4b\u95f4\u7a7a\u591a\u5c11,\u624d\u53eb&quot;\u4e00\u7ec4&quot; \u5b57\u8d34\u5230\u5361\u7247\u8fb9\u4e0a,\u662f padding \u7684\u4e8b \u6324\u6210\u4e00\u56e2\u7684\u9875\u9762\u4e0d\u4f1a\u62a5\u9519 \u62ff\u6807\u5c3a\u91cf\u4e00\u904d\u4f60\u81ea\u5df1\u7684\u9875\u9762 \u540c\u4e00\u4efd\u5185\u5bb9,\u4e24\u79cd\u8138 \u5148\u505a\u4e2a\u5b9e\u9a8c(\u8fd0\u884c\u7ed3\u679c\u5728 Chrome 128 \u4e0e Edge 128 \u4e0b\u9a8c\u8bc1\u8fc7;\u884c\u9ad8\u3001margin\u3001padding \u8fd9\u4e09\u4ef6\u4e8b\u5c5e\u4e8e CSS 2.1 \u5c31\u5b9a\u4e0b\u6765\u7684\u673a\u5236,\u957f\u671f\u9002\u7528,\u4e0d\u4f9d\u8d56\u5177\u4f53\u6d4f\u89c8\u5668\u7248\u672c\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/101842.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-07T09:25:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092511-6a9e82f7c5588.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/101842.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/101842.html\",\"name\":\"Day 13 | \u8c03 line-height \u548c margin:\u4e09\u5904\u95f4\u8ddd\u8ba9\u540d\u7247\u9875\u8131\u79bb\u6a21\u677f\u611f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-09-07T09:25:17+00:00\",\"dateModified\":\"2026-09-07T09:25:17+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/101842.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/101842.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/101842.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Day 13 | \u8c03 line-height \u548c margin:\u4e09\u5904\u95f4\u8ddd\u8ba9\u540d\u7247\u9875\u8131\u79bb\u6a21\u677f\u611f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Day 13 | \u8c03 line-height \u548c margin:\u4e09\u5904\u95f4\u8ddd\u8ba9\u540d\u7247\u9875\u8131\u79bb\u6a21\u677f\u611f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/101842.html","og_locale":"zh_CN","og_type":"article","og_title":"Day 13 | \u8c03 line-height \u548c margin:\u4e09\u5904\u95f4\u8ddd\u8ba9\u540d\u7247\u9875\u8131\u79bb\u6a21\u677f\u611f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"\u672c\u6587\u662f\u300a100\u5929\u7cbe\u901aHTML\u57fa\u7840\u5165\u95e8\u300b\u4e13\u680f\u7b2c 13 \u7bc7,\u8ba2\u9605\u4e13\u680f\u4e0d\u8ff7\u8def\u3002 \u672c\u6587\u76ee\u5f55 \u540c\u4e00\u4efd\u5185\u5bb9,\u4e24\u79cd\u8138 \u7b2c\u4e00\u4e2a\u53d8\u91cf:\u6bcf\u4e00\u884c\u5b57\u5360\u591a\u9ad8 \u5757\u4e0e\u5757\u4e4b\u95f4\u7a7a\u591a\u5c11,\u624d\u53eb\"\u4e00\u7ec4\" \u5b57\u8d34\u5230\u5361\u7247\u8fb9\u4e0a,\u662f padding \u7684\u4e8b \u6324\u6210\u4e00\u56e2\u7684\u9875\u9762\u4e0d\u4f1a\u62a5\u9519 \u62ff\u6807\u5c3a\u91cf\u4e00\u904d\u4f60\u81ea\u5df1\u7684\u9875\u9762 \u540c\u4e00\u4efd\u5185\u5bb9,\u4e24\u79cd\u8138 \u5148\u505a\u4e2a\u5b9e\u9a8c(\u8fd0\u884c\u7ed3\u679c\u5728 Chrome 128 \u4e0e Edge 128 \u4e0b\u9a8c\u8bc1\u8fc7;\u884c\u9ad8\u3001margin\u3001padding \u8fd9\u4e09\u4ef6\u4e8b\u5c5e\u4e8e CSS 2.1 \u5c31\u5b9a\u4e0b\u6765\u7684\u673a\u5236,\u957f\u671f\u9002\u7528,\u4e0d\u4f9d\u8d56\u5177\u4f53\u6d4f\u89c8\u5668\u7248\u672c","og_url":"https:\/\/www.wsisp.com\/helps\/101842.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-09-07T09:25:17+00:00","og_image":[{"url":"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2026\/09\/20260907092511-6a9e82f7c5588.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"5 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/101842.html","url":"https:\/\/www.wsisp.com\/helps\/101842.html","name":"Day 13 | \u8c03 line-height \u548c margin:\u4e09\u5904\u95f4\u8ddd\u8ba9\u540d\u7247\u9875\u8131\u79bb\u6a21\u677f\u611f - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-09-07T09:25:17+00:00","dateModified":"2026-09-07T09:25:17+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/101842.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/101842.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/101842.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"Day 13 | \u8c03 line-height \u548c margin:\u4e09\u5904\u95f4\u8ddd\u8ba9\u540d\u7247\u9875\u8131\u79bb\u6a21\u677f\u611f"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/101842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=101842"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/101842\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media\/101828"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=101842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=101842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=101842"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=101842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}