{"id":1109,"date":"2024-07-27T16:10:12","date_gmt":"2024-07-27T08:10:12","guid":{"rendered":"http:\/\/codermr.com\/?p=1109"},"modified":"2024-07-27T21:45:26","modified_gmt":"2024-07-27T13:45:26","slug":"css_article3","status":"publish","type":"post","link":"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/","title":{"rendered":"CSS \u57fa\u7840\uff08\u4e09\uff09\uff1aDisplay\u3001Position\u3001Overflow\u3001Float"},"content":{"rendered":"\n<h1 class=\"wp-block-heading alignwide\" id=\"we-re-a-studio-in-berlin-with-an-international-practice-in-architecture-urban-planning-and-interior-design-we-believe-in-sharing-knowledge-and-promoting-dialogue-to-increase-the-creative-potential-of-collaboration\" style=\"font-size:48px;line-height:1.1\">\u3010\u4e00\u3011Display<\/h1>\n\n\n\n<p>Display(\u663e\u793a)&nbsp;\u4e0e&nbsp;Visibility\uff08\u53ef\u89c1\u6027\uff09<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u9690\u85cf\u5143\u7d20 &#8211; display:none \u6216 visibility:hidden<\/h2>\n\n\n\n<p>\u9690\u85cf\u4e00\u4e2a\u5143\u7d20\u53ef\u4ee5\u901a\u8fc7\u628a display \u5c5e\u6027\u8bbe\u7f6e\u4e3a&#8221;none&#8221;\uff0c\u6216\u628a visibility \u5c5e\u6027\u8bbe\u7f6e\u4e3a &#8220;hidden&#8221;\u3002\u4f46\u662f\u8bf7\u6ce8\u610f\uff0c\u8fd9\u4e24\u79cd\u65b9\u6cd5\u4f1a\u4ea7\u751f\u4e0d\u540c\u7684\u7ed3\u679c\u3002<\/p>\n\n\n\n<p><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>visibility:hidden\u53ef\u4ee5\u9690\u85cf\u67d0\u4e2a\u5143\u7d20<\/strong><\/mark>\uff0c\u4f46\u9690\u85cf\u7684\u5143\u7d20\u4ecd\u9700\u5360\u7528\u4e0e\u672a\u9690\u85cf\u4e4b\u524d\u4e00\u6837\u7684\u7a7a\u95f4\u3002\u4e5f\u5c31\u662f\u8bf4\uff0c\u8be5\u5143\u7d20\u867d\u7136\u88ab\u9690\u85cf\u4e86\uff0c<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u4f46\u4ecd\u7136\u4f1a\u5f71\u54cd\u5e03\u5c40<\/mark><\/strong>\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>h1.hidden {visibility:hidden;}<\/code><\/pre>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">display:none\u53ef\u4ee5\u9690\u85cf\u67d0\u4e2a\u5143\u7d20<\/mark><\/strong>\uff0c\u4e14<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u9690\u85cf\u7684\u5143\u7d20\u4e0d\u4f1a\u5360\u7528\u4efb\u4f55\u7a7a\u95f4<\/mark><\/strong>\u3002\u4e5f\u5c31\u662f\u8bf4\uff0c\u8be5\u5143\u7d20\u4e0d\u4f46\u88ab\u9690\u85cf\u4e86\uff0c\u800c\u4e14\u8be5\u5143\u7d20\u539f\u672c\u5360\u7528\u7684\u7a7a\u95f4\u4e5f\u4f1a\u4ece\u9875\u9762\u5e03\u5c40\u4e2d\u6d88\u5931\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>h1.hidden {display:none;}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u5757\u548c\u5185\u8054\u5143\u7d20<\/h2>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u5757\u5143\u7d20\u662f\u4e00\u4e2a\u5143\u7d20\uff0c\u5360\u7528\u4e86\u5168\u90e8\u5bbd\u5ea6\uff0c\u5728\u524d\u540e\u90fd\u662f\u6362\u884c\u7b26\u3002<\/mark><\/strong><\/p>\n\n\n\n<p>\u5757\u5143\u7d20\u7684\u4f8b\u5b50\uff1a<\/p>\n\n\n\n<ul>\n<li>&lt;h1&gt;<\/li>\n\n\n\n<li>&lt;p&gt;<\/li>\n\n\n\n<li>&lt;div&gt;<\/li>\n<\/ul>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u5185\u8054\u5143\u7d20\u53ea\u9700\u8981\u5fc5\u8981\u7684\u5bbd\u5ea6\uff0c\u4e0d\u5f3a\u5236\u6362\u884c\u3002<\/mark><\/strong><\/p>\n\n\n\n<p>\u5185\u8054\u5143\u7d20\u7684\u4f8b\u5b50\uff1a<\/p>\n\n\n\n<ul>\n<li>&lt;span&gt;<\/li>\n\n\n\n<li>&lt;a&gt;<\/li>\n<\/ul>\n\n\n\n<p class=\"has-medium-font-size\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">\u53ef\u4ee5\u66f4\u6539 &#8220;\u5757\u5143\u7d20<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">&#8220;<\/mark><\/strong> \u548c <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">&#8220;<\/mark><\/strong>\u5185\u8054\u5143\u7d20<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">&#8220;<\/mark><\/strong> \u7684\u663e\u793a\u65b9\u5f0f\u3002<\/mark><\/strong><br><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">\u6bd4\u5982\u8bbe\u7f6e <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">&#8220;<\/mark><\/strong>\u5757\u5143\u7d20<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">&#8220;<\/mark><\/strong> \u4ee5 <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">&#8220;<\/mark><\/strong>\u5185\u8054\u5143\u7d20\u7684\u5f62\u5f0f<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">&#8220;<\/mark><\/strong> \u5c55\u793a\uff0c\u6216\u8005\u8bbe\u7f6e <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">&#8220;<\/mark><\/strong>\u5185\u8054\u5143\u7d20<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">&#8220;<\/mark><\/strong> \u4ee5 <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">&#8220;<\/mark><\/strong>\u5757\u5143\u7d20\u7684\u663e\u793a\u5f62\u5f0f<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">&#8220;<\/mark><\/strong> \u5c55\u793a\u3002<\/mark><\/strong><\/p>\n\n\n\n<p>\u4e0b\u9762\u7684\u793a\u4f8b\u628a\u5217\u8868\u9879\u663e\u793a\u4e3a\u5185\u8054\u5143\u7d20\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>li {display:inline;}<\/code><\/pre>\n\n\n\n<p>\u4e0b\u9762\u7684\u793a\u4f8b\u628a span \u5143\u7d20\u4f5c\u4e3a\u5757\u5143\u7d20\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>span {display:block;}<\/code><\/pre>\n\n\n\n<p><strong>\u6ce8\u610f\uff1a<\/strong>\u53d8\u66f4\u5143\u7d20\u7684\u663e\u793a\u7c7b\u578b\u770b\u8be5\u5143\u7d20\u662f\u5982\u4f55\u663e\u793a\uff0c\u5b83\u662f\u4ec0\u4e48\u6837\u7684\u5143\u7d20\u3002\u4f8b\u5982\uff1a\u4e00\u4e2a\u5185\u8054\u5143\u7d20\u8bbe\u7f6e\u4e3adisplay:block\u662f\u4e0d\u5141\u8bb8\u6709\u5b83\u5185\u90e8\u7684\u5d4c\u5957\u5757\u5143\u7d20\u3002<\/p>\n\n\n\n<p><a href=\"https:\/\/www.runoob.com\/try\/try.php?filename=trycss_display\" target=\"_blank\" rel=\"noreferrer noopener\">\u5982\u4f55\u663e\u793a\u5143\u7d20\u7684\u5185\u8054\u5143\u7d20\u3002<\/a><\/p>\n\n\n\n<p>\u8fd9\u4e2a\u4f8b\u5b50\u6f14\u793a\u4e86\u5982\u4f55\u663e\u793a\u4e00\u4e2a\u5143\u7d20\u7684\u5185\u8054\u5143\u7d20\u3002<\/p>\n\n\n\n<p><a href=\"https:\/\/www.runoob.com\/try\/try.php?filename=trycss_display_block\" target=\"_blank\" rel=\"noreferrer noopener\">\u5982\u4f55\u663e\u793a\u5143\u7d20\u7684\u5757\u5143\u7d20\u3002<\/a><\/p>\n\n\n\n<p>\u8fd9\u4e2a\u4f8b\u5b50\u6f14\u793a\u4e86\u5982\u4f55\u663e\u793a\u4e00\u4e2a\u5143\u7d20\u7684\u5757\u5143\u7d20\u3002<\/p>\n\n\n\n<p><a href=\"https:\/\/www.runoob.com\/try\/try.php?filename=trycss_visibility_collapse\" target=\"_blank\" rel=\"noreferrer noopener\">\u5982\u4f55\u4f7f\u7528\u4e00\u4e2a\u8868\u7684collapse\u5c5e\u6027\u3002<\/a><\/p>\n\n\n\n<p>\u8fd9\u4e2a\u4f8b\u5b50\u6f14\u793a\u4e86\u5982\u4f55\u4f7f\u7528\u8868\u7684collapse\u5c5e\u6027\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading alignwide\" id=\"we-re-a-studio-in-berlin-with-an-international-practice-in-architecture-urban-planning-and-interior-design-we-believe-in-sharing-knowledge-and-promoting-dialogue-to-increase-the-creative-potential-of-collaboration\" style=\"font-size:48px;line-height:1.1\">\u3010\u4e8c\u3011Position\uff08\u5b9a\u4f4d\uff09<\/h2>\n\n\n\n<p>position \u5c5e\u6027\u6307\u5b9a\u4e86\u5143\u7d20\u7684\u5b9a\u4f4d\u7c7b\u578b\u3002<\/p>\n\n\n\n<p>position \u5c5e\u6027\u7684\u4e94\u4e2a\u503c\uff1a<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/www.runoob.com\/css\/css-positioning.html#position-static\">static<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.runoob.com\/css\/css-positioning.html#position-relative\">relative<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.runoob.com\/css\/css-positioning.html#position-fixed\">fixed<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.runoob.com\/css\/css-positioning.html#position-absolute\">absolute<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.runoob.com\/css\/css-positioning.html#position-sticky\">sticky<\/a><\/li>\n<\/ul>\n\n\n\n<p>\u5143\u7d20\u53ef\u4ee5\u4f7f\u7528\u7684\u9876\u90e8\uff0c\u5e95\u90e8\uff0c\u5de6\u4fa7\u548c\u53f3\u4fa7\u5c5e\u6027\u5b9a\u4f4d\u3002\u7136\u800c\uff0c\u8fd9\u4e9b\u5c5e\u6027\u65e0\u6cd5\u5de5\u4f5c\uff0c\u9664\u975e\u4e8b\u5148\u8bbe\u5b9aposition\u5c5e\u6027\u3002\u4ed6\u4eec\u4e5f\u6709\u4e0d\u540c\u7684\u5de5\u4f5c\u65b9\u5f0f\uff0c\u8fd9\u53d6\u51b3\u4e8e\u5b9a\u4f4d\u65b9\u6cd5\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"position-static\">\uff08\u2160\uff09static \u5b9a\u4f4d<\/h2>\n\n\n\n<p>HTML \u5143\u7d20\u7684\u9ed8\u8ba4\u503c\uff0c\u5373\u6ca1\u6709\u5b9a\u4f4d\uff0c\u9075\u5faa\u6b63\u5e38\u7684\u6587\u6863\u6d41\u5bf9\u8c61\u3002<\/p>\n\n\n\n<p>\u9759\u6001\u5b9a\u4f4d\u7684\u5143\u7d20\u4e0d\u4f1a\u53d7\u5230 top, bottom, left, right\u5f71\u54cd\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div.static {\n    position: static;\n    border: 3px solid #73AD21;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"position-fixed\">\uff08\u2161\uff09fixed \u5b9a\u4f4d<\/h2>\n\n\n\n<p>\u5143\u7d20\u7684\u4f4d\u7f6e\u76f8\u5bf9\u4e8e\u6d4f\u89c8\u5668\u7a97\u53e3\u662f\u56fa\u5b9a\u4f4d\u7f6e\u3002<\/p>\n\n\n\n<p>\u5373\u4f7f<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u7a97\u53e3\u662f\u6eda\u52a8\u7684\u5b83\u4e5f\u4e0d\u4f1a\u79fb\u52a8<\/mark><\/strong>\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>p.pos_fixed\n{\n    position:fixed;\n    top:30px;\n    right:5px;\n}<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-20.png\"><img loading=\"lazy\" decoding=\"async\" width=\"979\" height=\"563\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-20.png\" alt=\"\" class=\"wp-image-1114\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-20.png 979w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-20-300x173.png 300w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-20-768x442.png 768w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-20-922x530.png 922w\" sizes=\"(max-width: 979px) 100vw, 979px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"position-absolute\">\uff08\u2162\uff09absolute \u5b9a\u4f4d<\/h2>\n\n\n\n<p>\u7edd\u5bf9\u5b9a\u4f4d\u7684\u5143\u7d20\u7684\u4f4d\u7f6e\u76f8\u5bf9\u4e8e\u6700\u8fd1\u7684\u5df2\u5b9a\u4f4d\u7236\u5143\u7d20\uff0c<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u5982\u679c\u5143\u7d20\u6ca1\u6709\u5df2\u5b9a\u4f4d\u7684\u7236\u5143\u7d20\uff0c\u90a3\u4e48\u5b83\u7684\u4f4d\u7f6e\u76f8\u5bf9\u4e8e&lt;html&gt;<\/mark><\/strong> :<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;meta charset=\"utf-8\"&gt; \n&lt;style&gt;\nh2\n{\n\tposition:absolute;\n\tleft:100px;\n\ttop:150px;\n}\n&lt;\/style&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n&lt;h2&gt;\u8fd9\u662f\u4e00\u4e2a\u7edd\u5bf9\u5b9a\u4f4d\u4e86\u7684\u6807\u9898&lt;\/h2&gt;\n&lt;p&gt;\u7528\u7edd\u5bf9\u5b9a\u4f4d,\u4e00\u4e2a\u5143\u7d20\u53ef\u4ee5\u653e\u5728\u9875\u9762\u4e0a\u7684\u4efb\u4f55\u4f4d\u7f6e\u3002\u6807\u9898\u4e0b\u9762\u653e\u7f6e\u8ddd\u79bb\u5de6\u8fb9\u7684\u9875\u9762100 px\u548c\u8ddd\u79bb\u9875\u9762\u7684\u9876\u90e8150 px\u7684\u5143\u7d20\u3002.&lt;\/p&gt;\n&lt;\/body&gt;\n\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-21.png\"><img loading=\"lazy\" decoding=\"async\" width=\"790\" height=\"308\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-21.png\" alt=\"\" class=\"wp-image-1115\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-21.png 790w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-21-300x117.png 300w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-21-768x299.png 768w\" sizes=\"(max-width: 790px) 100vw, 790px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\uff08\u2163\uff09Flex \u5e03\u5c40<\/h2>\n\n\n\n<p>\u5e03\u5c40\u7684\u4f20\u7edf\u89e3\u51b3\u65b9\u6848\uff0c\u57fa\u4e8e<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/box_model\" target=\"_blank\" rel=\"noreferrer noopener\">\u76d2\u72b6\u6a21\u578b<\/a>\uff0c\u4f9d\u8d56&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/display\" target=\"_blank\" rel=\"noreferrer noopener\">display<\/a>\u5c5e\u6027 +&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/position\" target=\"_blank\" rel=\"noreferrer noopener\">position<\/a>\u5c5e\u6027 +&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/float\" target=\"_blank\" rel=\"noreferrer noopener\">float<\/a>\u5c5e\u6027\u3002\u5b83\u5bf9\u4e8e\u90a3\u4e9b\u7279\u6b8a\u5e03\u5c40\u975e\u5e38\u4e0d\u65b9\u4fbf\uff0c\u6bd4\u5982\uff0c<a href=\"https:\/\/css-tricks.com\/centering-css-complete-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u5782\u76f4\u5c45\u4e2d<\/a>\u5c31\u4e0d\u5bb9\u6613\u5b9e\u73b0\u3002<\/p>\n\n\n\n<p>2009\u5e74\uff0cW3C\u63d0\u51fa\u4e86\u4e00\u79cd\u65b0\u7684\u65b9\u6848\u2014-Flex\u5e03\u5c40\uff0c\u53ef\u4ee5\u7b80\u4fbf\u3001\u5b8c\u6574\u3001\u54cd\u5e94\u5f0f\u5730\u5b9e\u73b0\u5404\u79cd\u9875\u9762\u5e03\u5c40\u3002\u76ee\u524d\uff0c\u5b83\u5df2\u7ecf\u5f97\u5230\u4e86\u6240\u6709\u6d4f\u89c8\u5668\u7684\u652f\u6301\uff0c\u8fd9\u610f\u5473\u7740\uff0c\u73b0\u5728\u5c31\u80fd\u5f88\u5b89\u5168\u5730\u4f7f\u7528\u8fd9\u9879\u529f\u80fd\u3002<\/p>\n\n\n\n<p>Flex\u662fFlexible Box\u7684\u7f29\u5199\uff0c\u610f\u4e3a\u201d\u5f39\u6027\u5e03\u5c40\u201d\uff0c\u7528\u6765\u4e3a\u76d2\u72b6\u6a21\u578b\u63d0\u4f9b\u6700\u5927\u7684\u7075\u6d3b\u6027\u3002<\/p>\n\n\n\n<p>\u4efb\u4f55\u4e00\u4e2a\u5bb9\u5668\u90fd\u53ef\u4ee5\u6307\u5b9a\u4e3aFlex\u5e03\u5c40\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.box{\n  display: flex;\n}<\/code><\/pre>\n\n\n\n<p>\u884c\u5185\u5143\u7d20\u4e5f\u53ef\u4ee5\u4f7f\u7528Flex\u5e03\u5c40\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.box{\n  display: inline-flex;\n}<\/code><\/pre>\n\n\n\n<p>Webkit\u5185\u6838\u7684\u6d4f\u89c8\u5668\uff0c\u5fc5\u987b\u52a0\u4e0a-webkit\u524d\u7f00\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.box{\n  display: -webkit-flex; \/* Safari *\/\n  display: flex;\n}<\/code><\/pre>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u503c\u5f97\u6ce8\u610f\u7684\u662f\uff0c\u4f7f\u7528Flex\u5e03\u5c40\u540e\uff0c\u5b50\u5143\u7d20\u7684\u201cfloat\u201d\u3001\u201cclear\u201d\u3001\u201cvertical-align\u201d\u5c5e\u6027\u5c06\u5931\u6548\u3002<\/mark><\/strong><\/p>\n\n\n\n<p>\u91c7\u7528Flex\u5e03\u5c40\u7684\u5143\u7d20\uff0c\u79f0\u4e3aFlex\u5bb9\u5668\uff08flex container\uff09\uff0c\u7b80\u79f0\u201d\u5bb9\u5668\u201d\u3002\u5b83\u7684\u6240\u6709\u5b50\u5143\u7d20\u81ea\u52a8\u6210\u4e3a\u5bb9\u5668\u6210\u5458\uff0c\u79f0\u4e3aFlex\u9879\u76ee\uff08flex item\uff09\uff0c\u7b80\u79f0\u201d\u9879\u76ee\u201d\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-48.png\"><img loading=\"lazy\" decoding=\"async\" width=\"494\" height=\"290\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-48.png\" alt=\"\" class=\"wp-image-1176\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-48.png 494w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-48-300x176.png 300w\" sizes=\"(max-width: 494px) 100vw, 494px\" \/><\/a><\/figure>\n\n\n\n<p>\u5bb9\u5668\u9ed8\u8ba4\u5b58\u5728\u4e24\u6839\u8f74\uff1a<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">\u6c34\u5e73\u7684\u4e3b\u8f74\uff08main axis\u3001X\u8f74\uff09<\/mark><\/strong>\u548c <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">\u5782\u76f4\u7684\u4ea4\u53c9\u8f74\uff08cross axis\u3001Y\u8f74\uff09<\/mark><\/strong>\u3002\u4e3b\u8f74\u7684\u5f00\u59cb\u4f4d\u7f6e\uff08\u4e0e\u8fb9\u6846\u7684\u4ea4\u53c9\u70b9\uff09\u53eb\u505amain start\uff0c\u7ed3\u675f\u4f4d\u7f6e\u53eb\u505amain end\uff1b\u4ea4\u53c9\u8f74\u7684\u5f00\u59cb\u4f4d\u7f6e\u53eb\u505across start\uff0c\u7ed3\u675f\u4f4d\u7f6e\u53eb\u505across end\u3002<\/p>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">\u9879\u76ee\u9ed8\u8ba4\u6cbf\u4e3b\u8f74\uff08X\u8f74\uff09\u6392\u5217\u3002<\/mark><\/strong>\u5355\u4e2a\u9879\u76ee\u5360\u636e\u7684\u4e3b\u8f74\u7a7a\u95f4\u53eb\u505amain size\uff0c\u5360\u636e\u7684\u4ea4\u53c9\u8f74\u7a7a\u95f4\u53eb\u505across size\u3002<\/p>\n\n\n\n<p>Flex \u5bb9\u5668\u4e00\u5171\u6709\u516d\u5927\u5c5e\u6027 \uff1a<\/p>\n\n\n\n<ul>\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">flex-direction<\/mark><\/strong>\uff1a<strong>\u5185\u90e8\u5143\u7d20\u7684\u6392\u5217\u65b9\u5f0f<\/strong>\uff1a\u4ece\u5de6\u5230\u53f3\u3001\u4ece\u53f3\u5230\u5de6\u3001\u4ece\u4e0a\u5230\u4e0b\u3001\u4ece\u4e0b\u5230\u4e0a<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">flex-wrap<\/mark><\/strong>\uff1a<strong>\u5b50\u5143\u7d20\u7684\u6362\u884c\u65b9\u5f0f<\/strong>\uff1a\u4e0d\u6362\u884c\u3001\u6362\u884c(\u7b2c\u4e00\u884c\u5728\u4e0a\u9762\u3001\u7b2c\u4e8c\u884c\u5728\u4e0a\u9762)<\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">flex-flow<\/mark><\/strong>\uff1a<strong>\u5b50\u5143\u7d20\u7684\u6392\u5217\u65b9\u5f0f\u548c\u6362\u884c\u65b9\u5f0f\u7684\u7b80\u5199<\/strong><\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">justify-content<\/mark><\/strong>\uff1a<strong>\u5b50\u5143\u7d20\u7684\u6c34\u5e73\u5bf9\u9f50\u65b9\u5f0f<\/strong><\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">align-items<\/mark><\/strong>\uff1a<strong>\u5b50\u5143\u7d20\u7684\u5782\u76f4\u5bf9\u9f50\u65b9\u5f0f<\/strong><\/li>\n\n\n\n<li><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">align-content<\/mark><\/strong>\uff1a<strong>\u8bbe\u7f6e\u591a\u4e2a\u5143\u7d20\u7ec4\u6210\u7684\u6574\u5757\u7684\u5bf9\u9f50\u65b9\u5f0f<\/strong><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\uff08\u4e00\uff09flex-direction \u5c5e\u6027<\/h3>\n\n\n\n<p>flex-direction \u5c5e\u6027\u51b3\u5b9a\u4e3b\u8f74\uff08X\u8f74\uff09\u7684\u65b9\u5411\uff08\u5373\u9879\u76ee\u7684\u6392\u5217\u65b9\u5411\uff09\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.box {\n  flex-direction: row | row-reverse | column | column-reverse;\n}<\/code><\/pre>\n\n\n\n<ul>\n<li>row\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u4e3b\u8f74\u4e3a\u6c34\u5e73\u65b9\u5411\uff0c\u8d77\u70b9\u5728\u5de6\u7aef\u3002<\/li>\n\n\n\n<li>row-reverse\uff1a\u4e3b\u8f74\u4e3a\u6c34\u5e73\u65b9\u5411\uff0c\u8d77\u70b9\u5728\u53f3\u7aef\u3002<\/li>\n\n\n\n<li>column\uff1a\u4e3b\u8f74\u4e3a\u5782\u76f4\u65b9\u5411\uff0c\u8d77\u70b9\u5728\u4e0a\u6cbf\u3002<\/li>\n\n\n\n<li>column-reverse\uff1a\u4e3b\u8f74\u4e3a\u5782\u76f4\u65b9\u5411\uff0c\u8d77\u70b9\u5728\u4e0b\u6cbf\u3002<\/li>\n<\/ul>\n\n\n\n<p><img decoding=\"async\" src=\"data:image\/png;base64,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\/5C7pLSgv20+SVO\/\/afQiKiFkKqgppYqDykS49esoG5q8vDE+EJGhYw6uiDJc4KAICAICALeh4CQUTXnScovdMXfJ2j6LypYKVdC+8ISCWhEW9UrTUNvrEG1Knn21aFCRoWMFtZ3I+0IAoKAICAIeD4CXk9G9c1KnL5JJbS3J2reXvEAIW1ZtxSN7FaLalSM8FgfUiGjQkbt\/TakviAgCAgCgoD3IuDVZBREdKm64nOeulnpVFz+Ce0LS0RASJvUKsmJ8auqaHtPLEJGhYx6olzLOwkCgoAgIAg4BwGbZPT8j09RVob1\/evO6d6xVgOrX0shjXs79vB\/TyGh\/XKVR3TOsgMUW8DNSlfUkY2HkRi\/XpVoemxIYypXKqSwm3d7ewnzH3H7GPIbQHC97hRUp7PLxjhryT514DlEuFa2oFK3ShS9Pa6Nx2rNC3p\/+b0gIAgIAoKA9yFgk4xmJseTqeuG3ISXj38w+QQ6TuIQNb9y0wn6\/Oc9FHfevoT2hfXKPirKvmq5cHru9mYel4c0MymusGBySjs+ASHkExDslLZtNSpk1GVQS0eCgCAgCAgCxRABm2S0GL6H6SEjof3qrafora+3m9JUmW7YgYoqDSnfYT\/BAwmpA3B47CNCRj12auXFBAFBQBAQBAoBAa8io5kqof26Hadp4qwthZ6+ydG5QGL8uspk\/\/CgRlSpTBjh\/1I8CwEho541n\/I2goAgIAgIAoWLgNeQ0cysLNq4+xy9+qX9RBTa1PSMTFPIg0wGBviRPZwSPqRNa5Wgu26qQxVLCyE1BXQxqiRktBhNlgxVEBAEBAFBwOUIeA0ZRVL7b1YdVHfN23\/F574jCbTjYDylKF\/TgkpMRCB1bFaWCak9BVH2jaqXoOa1S5K\/hyfFtwcXT6grZNQTZlHeQRAQBAQBQcBZCHgNGb0SABesPkwzF+2nhMSCMwwgf+jke1pRZFjglXQpz3oQAkJGPWgy5VUEAUFAEBAECh0BIaMmIBUyagIkqZInAkJGRTgEAUFAEBAEBIG8ERAyakI6hIyaAEmqCBkVGRAEBAFBQBAQBBxAQMioCdCEjJoASaoIGRUZEAQEAUFAEBAEHEBAyKgJ0ISMmgBJqggZFRkQBAQBQUAQEAQcQEDIqAnQhIyaAEmqCBkVGRAEBAFBQBAQBBxAQMioCdCEjJoASaoIGRUZEAQEAUFAEBAEHEBAyKgJ0ISMmgBJqggZFRkQBAQBQUAQEAQcQEDIqAnQhIyaAEmqCBkVGRAEBAFBQBAQBBxAQMioCdCEjJoASaoIGRUZEAQEAUFAEBAEHEDAJhlNXPMxUUa6A8255pGACo0osEZ713SmehEyah\/Uib+9b98DLq4dWLU1BVRu4bJeJem9y6CWjgQBQUAQEASKIQI2yWjsxMaUlZZcZF8ntPUIiuj2jMvGJ2TUPqhPPV\/LvgdcXDu883gKaz\/aZb0KGXUZ1NKRICAICAKCQDFEQMioiUkTMmoCJEMVIaPWeAkZtU9+pLYgIAgIAoKAdyEgZNTEfAsZNQGSkNE8QRIyap\/8SG1BQBAQBAQB70JAyKiJ+RYyagIkIaNCRu0TE6ntpQikpmWSr68P+fv5eCkC8tpXisCl1AwKDPAlXx+RoSvFsqg8L2TUxEwIGTUBkpBRIaP2iYnU9lIEjp9JoqUbjtN1zcpS5avCvRQFeW1HEMjMyqKf1x6h8JAAatuoDAUF+DnSjDxTBBEQMmpiUoSMmgBJyKiQUfvERGp7KQIgo2\/O3U6Z6v0fGNCAKpUJ81Ik5LXtQSAlLYOWq0PMl0v3U7+OValn20pCRu0BsIjXFTJqYoKEjJoASciokFH7xERqeykCmoxu3neOGtcsQeP61xcNqZfKgtnXTk7JoFWbT9DspQfoxNkkGt2nrpBRs+AVk3pCRk1MlJBREyAJGRUyap+YSG0vRcBIRgFBo+oxilzUo1qVIr0UEXnt\/BCAf+iqTYqILjtAkB0UIaOeJzNCRk3MqZBREyAJGRUyap+YSG0vRSA3GQUMTZSG9PYetahBtRgvRUVe2xYC6RmZtHT9cZqzPIeIChn1TFkRMmpiXoWMmgBJyKiQUfvERGp7KQK2yKifiq6HyX5415qsKZUiCACBn\/84QnOURvTkOetLeEQz6nnyIWTUxJwKGTUBkpBRIaP2iYnU9lIEbJFRQBHg78tEdJgQUi+VDOvX\/mHNv2yaPxN\/6TI8hIx6nogIGTUxp0JGTYAkZFTIqH1iIrW9FIG8yKgmpA0VIb2tey2qXzXaSxGS157\/+2H6SgUrxV1IsQmGkFHPkxEhoybmVMioCZCEjAoZtU9MpLaXIpAfGQUkMNk3rBFD9\/SuSzUrSFCTt4nJgtX\/0pdL9udJRIGHkFHPkwohoybmVMioCZCEjAoZtU9MpLaXIlAQGdWwNK5RgsYPbEgVSod6KVLe9doqnz0tXHeEZizaR+fO29aIakSEjHqebAgZNTGnQkZNgCRkVMiofWIitb0UAbNkFPD0vrYKDelSnUpEBHkpWt7x2rgidsXG4zRz8X6KjbMOVrKFgJBRz5MLIaMm5lTIqAmQhIwKGbVPTKS2lyJgDxnVhHRolxoUExHopYh59msjj+ivm08qH9H9ljyiBb2xkNGCECp+vxcyamLOhIyaAEnIqJBR+8REanspAvaSUcB0k7r6cfCNNahMdLCXouaZr50CIrolm4geO52d0N5METJqBqXiVUfIqIn5EjJqAiQho0JG7RMTqe2lCDhCRgFVj2sq0aDrq1G5kuJD6gmik56RRcv\/Pq7SN9lHRPHuQkY9QQKs30HIqIk5FTJqAiQho0JG7ROTIlM78VI6bT8Qd1li7SIzQA8bSMLFVOUfeEJpwhLterNAlYe0c4vyNOiG6lShlBBSu8ArgpUX\/XmU0zfhrnl7S\/vGZalB9Wjy9\/O191Gp7wACdStHUR31x5lFyKgJdIWMmgBJyKiQUfvEpMjUPqVud5n2y15av+tMkRmTJw8kMzOLklMyCFc92ltCgvyoY9NyNFgR0vJCSO2Fr8jUx81KSN902kZCezODDA70o8AAP\/LxMVNb6lwpAoOur079O1W90mbyfV7IqAl4hYyaAEnIqJBR+8SkyNSGZubD+bto7fbYIjMmTx4IUvhcCYkAIe3UrBwNuaEGlS0Z4slQeeS74WYlENGC0jfl9\/JXKkMeCawTXwqXUCCI0JlFyKgJdIWMmgBJyKiQUfvEpMjUFjLq2qkoDCKBq0O7tKrAG2RpCWpy7QReQW8\/rs0momcT8s8jWlAXhSFDBfUhv89BQMhoHtIQ2noERXR7xmWyImTUPqhPPV\/LvgdcXDu883gKaz\/aZb3OWrKP5q08RPBNLKjUrRJFb49rQ75XojoqqBP5vRUCQkZdKxCFSSRuvrYyDVd32UeHS9on186i\/b39su4ou8NciUZU91qYMmT\/m3jfE0JGhYwWS6kXMmo9bUJGi7YYCxl17fwUNpHo26EKE9KI0ADXvoj0ZgqBDOUjvHLTCZq+cG+hBQkWtgyZehEvriRkVMhosRR\/IaNCRouT4AoZde1sFTaRCA8JoKdHNqEWdUq59kWkN1MIxMZdUjcr7aMVKo1Tarr9QWu2OilsGTL1Il5cSciokNFiKf5CRoWMFifBFTLq2tkqTCIRpczzPdpUoiE3VidEWEspmgjsPBxPs5Sv6Oa9ZwlXf15pKUwZutKxeMPzQkaFjBZLORcyKmS0OAmukFHXzlZhEYkYdV99j2sqEsz0UWHiM+raWbS\/t38OxXPw0qY9ZynNgbRexh4LS4bsfwvvfELIqJDRYin5QkaFjBYnwRUy6trZKgwioYkoAphKKFIqpXggsOvfBJqugpj+3n2GIAeOlsKQIUf79sbnhIwKGS2Wci9kVMhocRJcIaOuna0rJRIwzfdUV4P2BhGNFCLq2tm78t72H79AHy3YxRpSR8uVypCj\/Xrrc0JGhYwWS9kXMipktDgJLm6BmbfqEG3e5\/jmWJze191jTVc+g8A8OTXD7qEgWKlXu0rUr2NVAimVUjwROHYmid7+ZofDhLSkOoREqvmXDHiumf\/e7aqwS4wziyS9N4Gu5Bk1AZKhipBRIaP2SYx7ayP1THJKeqEEVrj3TYpH77h+9aMfdtOOg3F2DThIXf8Is\/ywrjUoNMjfrmelctFD4FRcMr0xZ7tDhHSkuhHohpblKVBdfiDF+QiEqO8NN585swgZNYGukFETIAkZzRMkyTNqn\/xIbc9G4LjSir05d7vSRJ+z60X7dqhKo\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\/kNHYhMVH7WPkZ6NT6FzF1IoM7Pg54ID\/ahK2XBl\/jSPua9iouVLhlL3NhWpYbUY8vOz42Hz3RSZmkJG3T8VQkbdPwfOGoGQUWcha75dIaNCRoWMmv9e8qzpiWQUL7v\/2AWaMnc77Tt6njKzCiaWhQBlgU2AiFYoHUqDb6hB1zUvR\/4eTkQBiJDRAsXC6RWEjDodYrd1IGTUbdBbOhYyKmRUyGghfIeeSkZBQHcdTqBPf9xNOw7Gu52QwjRfoXSYIqLVqXPz8l5BRIWMFsIHWghNCBktBBCLaBNCRt0\/MUJGhYwKGS2E79BTySigSc\/Ion8UEZ25eB9tPXDOlOm9ECC12UQ5ZZof0a0mdWrmHRpRDYJoRp0lUebbFTJqHqviVlPIqPtnTMiokFEho4XwHXoyGc0mpJmsGQUh3bY\/zi0a0pJRwTS6T11q1+gqr9GIChkthI+zkJoQMlpIQBbBZoSMun9ShIwKGRUyWgjfoaeTUU1IoSH9YuFe+ueQa032paKD6YEBDahl3VIcQe9tRTSj7p9xIaPunwNnjUDIqLOQNd+ukFEho0JGzX8vedb0BjKaTUizaM+RBI6y33fsPLkipglEdPzAhtSidkmvSONkS8iEjBbCR3qFTQgZvUIAi\/DjQkbdPzlCRoWMChkthO\/QW8gooEJQ0wEVZf\/i9M10\/ExSIaCXdxMgog\/emk1EPT19U35AChl1qpiZalzIqCmYimUlIaPunzYho0JGhYwWwnfoTWRUw\/XvqUR6+L2\/KE7lE3VGKa2I6Nhb6lObBqW90jRvxFTIqDMkzL42hYzah1dxqi1k1P2zJWRUyKiQ0UL4Dr2RjAI2ENJnP91Ix8+qxPiFlIbUR+VvKlsyhEZ2q0Udm5b1umAlW+IoZLQQPtIrbELI6BUCWIQfFzLq\/skRMipkVMhoIXyH3kpGAd1elRB\/ypztdOD4hSuOskdC+3KlkNC+Ol3fwnvyiBYkgkJGC0LI+b8XMup8jN3Vg5BRdyGf06+QUSGjQkYL4Tv0ZjKKKz93qsT4n\/ywW\/3teJQ9EtqXV0R04PXV6caWFUQjapBLIaOF8JFeYRNCRq8QwCL8uJBR90+OkFEho0JGC+E79GYyCvgQZb\/9QBzNWLRP5SN1LA8pTPPDutQUjagNeRQyWggf6RU2IWT0CgEswo8LGXX\/5AgZFTIqZLQQvkNvJ6OAMC09kwnpzMX77SakJaOC6H8316UOTcRH1JY4ChkthI\/0CpsQMnqFABbhx4WMun9yhIwKGRUyWgjfoZDRbBBBSHFT0xcL9\/Cd9kgDVVBB+qb7+tWn1vVU1Lyf9yW0Lwgf\/F7IqBmUnFtHyKhz8XVn60JG3Yl+dt9CRoWMChkthO9QyGgOiDDZ71K+o+99t5P2H88\/MT6I6Lj+DahVPe+8Wcms6AkZNYuU8+oJGXUetu5uWciou2dAyKhlBmInNqastGT3z0geIwhtPYIiuj3jsvEtWH2YZi7aTwmJqQX2WaNiBE2+pxVFhgUWWNdTKwgZtZ5ZBDXtU4nxX0Zi\/LO2E+Pjrvlx6orPVuqKT3\/RiOb7aQgZdf\/KIWTU\/XPgrBEIGXUWsubbFc2oaEZFM2r+e8mzppBR29AgD+mDU9fR+aQ0qwogomNvqUdtG5bx+oT2ZsRPyKgZlJxbR8ioc\/F1Z+tCRt2JfnbfQkaFjAoZLYTvUMho3iCCkD798d90Mi5bQ3pVjEpo370WdWpWTjSiJmVPyKhJoJxYTcioE8F1c9NCRt08AUJGcyZAzPTWwihmevs+TiGj+eO158h5enPudrqUlkG3dq4meUTtEy8JYLITL2dUFzLqDFSLRptCRt0\/D6IZFc2oTSncsOsM\/bblJCWnpBcopVeVCKGhN9agkCD\/Aut6agUho\/nPrPYhPRJ7kTqoKz4D\/Hw9VRSc8l6iGXUKrHY1KmTULriKVWUho+6fLiGjQkbdL4UeMAIhox4wiUX4FYSMun9yhIy6fw6cNQIho85C1ny7QkaFjJqXFqmZJwJCRkU4nImAkFFnomuubSGj5nAqjrWEjLp\/1oSMChl1vxR6wAiEjHrAJBbhVxAy6v7JETLq\/jlw1giEjDoLWfPtChkVMmpeWqSmaEZFBtyCgP4095UAACAASURBVJBRt8Bu1amQUffPgbNGIGTUWciab1fIqJBR89IiNYWMigy4BQEho26BXcio+2F3yQiEjLoE5nw7ETIqZNT9UugBIxAzvQdMYhF+BSGj7p8c0Yy6fw6cNQIho85C1ny7QkaFjJqXFqkpmlGRAbcgIGTULbCLZtT9sLtkBEJGXQKzaEZHzLDCwCdLldyoSNJ79wtjcR6BaEaL8+wV\/bELGXX\/HIlm1P1z4KwRCBl1FrLm2xXNqGhGzUuL1BTNqMiAWxAQMuoW2EUz6n7YXTICIaMugVk0o6IZdb+gefoIRDPq6TPs3vcTMupe\/NG7aEbdPwfOGoGQUWcha75d0YyKZtS8tEhN0YyKDLgFASGjboFdNKPuh90lIxAy6hKYRTMqmlH3C5qnj0A0o54+w+59PyGj7sVfNKPux9+ZIxAy6kx0zbUtmlHRjJqTFKmVLwJCRkVAnImAkFFnomuubTHTm8OpONYSMur+WRMyKmTU\/VLoASMobmQ0MzOTLl26RMnJyZSens4z4OvrS0FBQRQaGkr+\/v4eMCue8wpCRt0\/l0JG3T8HzhqBkFFnIWu+XSGjQkbNS4vUzBOB4kZGExMT6ZtvvqF58+YxGUW2Mx8fH6pXrx49+eSTVKpUKf6\/lKKBgJBR98+DkFH3z4GzRiBk1FnImm9XyOh\/WCWu+4IoI1tDdCUlNS2dLiQpjVNKqtrgiQID\/CkiNJhCggKuaHMPKN+QAqtdcyVDk2ediEDimk+c2PqVNx1YpRUFVGxqaSg2NpZ69+5N7eseploVMyw\/nzw7hCZNnkK9evWigICAK+9YWigcBDIzKPGPzwunLSe1ElSzA\/lfVceh1jOTEyj10J+Uce6wQ8+74iFeg6u2IbWQO9Rdyu4VlH5mv0PPuuIhn+AICm0xyBVdFbk+MpPiKHnTvCI3LuOAghveRH5R5RwaY+aF2Ozv6\/xJh553xUOBlVtQQKXmDneVvGU+ZV487fDzzn7QL7oCBTfoYdWNzaT3hTWQ48eP0\/BhQ+jcmeOsbcokP7W5v0mdO3dmE6gUQaAoIHDs2DG66aabaPKoo3Rjy1TLkOoOi6EXX36Nbr75ZpHXojBRMgZBQBAQBAQBj0TAaWQUfnjr16+n1yf0o29euMDgvT0vhA6lDaYXX3yRwsPDPRJQeanih8DRo0dZ+ylktPjNnYxYEBAEBAFBoPgj4DQympGRQevWraO3XhxoRUaTSzxAY8eOpYiIiOKPnryBRyAgZNQjplFeQhAQBAQBQaCYImCTjMKkjkCOlJQUSktLYxM7IophWg8MDGR\/T2g+8bvU1FQC8cTP8Dv88fPz45\/lRUZHjRpFwcHBlnbhj4foZbSHftE22sDP0a7+Of6Neij4GeqhDsaFn2MsGDPGi3Hg52hHv49+BnXxB2PEz3TktH63\/OYSbeEZjQuexbh04IvGCPUwFozJiJ\/GRo8Fz+Id9LuiHTyDd8PvgDvGpd8ZbaIO2tF4Ywx6PvQ4jOPCsxgX2tLzir+N7ev+jf1obIzz6g45B37ABNHueH\/MG36mZSQkJITlScuGjo5HhLxRPvH+qIc\/xvfNj4y+8NJkuvHGGxkr9IuCfoEn\/mj5RF\/G4Cdghn7we4wZf\/ScYpzoH\/\/X35ieI0Tv41m8H9pMSkpiWTP+XreLn6FP4KLlUc8pxojfoQ2MG33iOd2+O+bRm\/tkNyU13\/gbf3TBfOn1VP8O\/8f86W8YdfE7zCPa0PKvn9V1jfXxDOrqPo396Xp4XveZu56uY\/ym9DvkbkvX8eb5LcrvXpDsGX+fl+xpudMypWUPc59bVvOTPb2H5yd7uo6WKz0+9J2XHBeEf15yrt8jNwb6vXTgqv7+9DeI\/vQ4je+fux8dDGt8b2MwbF7fqLG+\/v6NY9BriOYyegxGHPLCTfev+8YzxnnU86ffNTfuea03epy6Xb1O6fZz95F7zi4jo9jALly4QDt27KDly5fTv\/\/+y4tfiRIlqGPHjvwHm2VCQgKtXr2a\/vnnHzpy5AhFRkZSjRo1+PdVqlThjRpm+tya0fiw0VS5cmU6deoUL4RRUVEcPILn\/\/zzT\/r77795AUUfIAExMTH0888\/U1xcHE9+6dKlqWTJkvTbb79RfHw8VatWjX36oGkF+f3jjz94A65Tpw717duXKlSowP2gbfxB2yAljRs3po0bN9L+\/fspOjqarrnmGurUqROPJ79UPiAHq1atom3btlnGWatWLX7XkydPUp8+faht27Z08eJFWrhwIW3ZsoUJUdWqVbmP+vXrM16\/\/vqrhQg3bNiQrrvuOiYoe\/fupV9++YWfweTVrl2brr\/+ep6DDRs20NKlS+n06dNUpkwZatCgAd1www2MB+oDp8OHD\/P7hoWFUaVKlfidz58\/T0OGDOExbN26ldasWcNjBYkDPk2bNqVrr72W\/4\/I8p07d\/IYMPeYF2DZpUsXKl++PNdxZWQ5yBrmGfO6ZMkS2r17N8se5hGuHmXLlmU5gQxARkHKEJAELPAM8IA8A1v8vlGjRtSzZ0+ef7wbfp4fGX3iqed5LoG9\/ijxMQJ39Ak5xRxPnz6d+9GLFHC9++67eR7mzp3L8qGfh3xBFlAfsnTixAle0PHd3HLLLSw\/mIcFCxawnGOuUPD7QYMGsTxATlEwRx9++KHle8LP8C106NCB\/vrrL9q0aROdO3eOiSjk5X\/\/+x\/LIMblynksaLPw5N\/j29UHZX04Mm5m+qCjF399kMGc6cOrPtDgeeNBVh\/IsN7qQ5Y+aOtn9AHfePi01bbxIJtb+aDHbzzQ6zro23i48+S5LG7vhjUHc2c8mGN\/0CRGH4S0jGAeIRtY57Xs6bnXihDjoVwrg\/AM5FYrRrTs5ZZVLduQHX0Y1+3i\/3g+t+yhDX1oN66hRpnPby3TihqNgVHO9aFLk228m1ZaaAyMGOqxagx1Xa3s0YoTYGZUTmilklERohVDxnfThwE9DzpwVmNgnEfIItrVdbUiLPf3r+dAk0JNwNG\/nks9L\/hbv69Wpul1SY9NK\/r0nGuFn3GdwzjRr27f+P56vcBzxmJFRvEwgo7eeecd2vrXd9SjdRLVqJBB0eFZdOKsL81cHExDRk3iTX3q1LepUvgWurpeOlUrl0HxF31p97++9NOfpajfwDuZ\/OzZs4emvjzYyky\/J7EfbdvwE9163SUexx87AqlGs9vp9ttvp0ED+9Hwzsf45weO+9GWY\/WYUP6+8FVq3zhbO\/Tdb2rh88+iPtemUr0qGbTzsB9NW1Ka\/IOiqG7Zw3RLhxQVrU+0eZ8fLdxYkya\/PpWuuuoqGjBgAA3pkB29efS0Hy1YHUj\/63WJmtVKp3MXfOn73wKpTK2BnMoH75eXcIM4dO\/Snu7qmU08dh\/xp417\/GnUTZfI3y+LPlvegMaNG0fvv\/8u1b9qJ7Wun0ZXxWTS\/uP+NP\/3YKpavydjXKfEOqpYOvukN3NJME3\/ajGTyoceeogqBS2jciWztXDvzw+lL6bPoTlz5tC+rd+rOUmmOpUz6XS8r8LOn3bGNqCnnnqaBfKJBwdS\/04p\/NyabYF0IdmHhne5RIdP+dFfR9opwUgn\/+QNdHO7VKpYJlNlOvCh\/cf86Pvfg+j5V6dR3bp1aebMmfTLgk+p1zXnqUHVDJUJgWjrfn9auqUiPfjQE0xKXeHvi48aGj+Q54kTJ9LuXVvp+uZp1KZBOpWJxoLhQ\/EXfGjbAX+eS8gcZAgk\/8033yT\/zNPU9epUalRdHaQilZY6LYuOxvrR6m0BtHZHkDo0XUePP\/44H4xAXvPyGb1z1Fgme7d0SCaVBIJLnOp34bpAJvUgdQ888ACd\/Xc5Na6Rk4Fi8V8B1PWm4Ux8hw4dquQ9WclHduTx2fO+tOjPACodnUkDOqVSw+qwBhDL0ZzlQdSoaRsm0cF0jOezRvkMupjsS\/8c8qO5K0Oob78hNH78eD7wvffee7Tgm\/foumbZ3wfKpr3+XBey17NNKpUtmUXHTvvS2u3+tG53SXr66ad5XBi7FOcioDXcOFDh4LFv3z6LZhObBtaaFi1a8GEHh8ADBw7w4RDzg9RiWLCxsJ85c4YPljhA43CCgwwWeBykcRjG4Qb1cRDBZoG1HG2tXLmSvyOjpQV1cRjDZoJNE4cpHNyM1h60g28dhz2shegTB2F9EMTYsVnjUAYlBGRJ8vE6V5bsbV1b5yAra9eu5bVUa6swf1jHW7duzXIHGYBiBsqPrl27UsuWLXk+tTIAh2koinBwhwzgea2Auvrqq6lJkyb8f8gU+kA9yAv61rIHWUY91IeFBmQIyhcovYyHHPwOQc44fKOfs2fPclv4BrSVB\/sdDtw4YOM98st2AhnHOHAwxzdklHOsocAA+zre8eDBg\/xNAgOteMPzGAPWexzwoUiDUgrvizHifVq1asXvhHeFgg5t5Sajbdq04ffHtwUs0MahQ4do0aJF\/I0bcapevTr3j3fDz6EQwfeM\/Q3zBQWDXj+AAbCAsgljwjthzNjXoMDRuGkSCgUe6kLRgTlHPbwDFGl4d2CMdwTmUJzh38AP7wflIL53vG+zZs24P6w3eAbvA8XXrl27uG3MLdY9yBGUiFhz8E5QamlZwe8017KQUbwwBv3ggw9SgxLL6ZHBl5j0GQsCkEAmN\/\/9qwr2OEntGuVsgLoeNtpxU8Op1fUP8+L4yZQ7rMjo5tPd6VLsMpo94Tw\/gjYvRt3HpHPYkP608eNsMrpiYwC9t7QjL8xB596nRwcn8c8\/XBBMI7qlUGhQzth+WhuoNtoAmvi\/RKvxYsP\/ZnNvJgsjR46kjR9mk9HN+\/yZiGmCqx+649UIunnEu9S9e\/c8o6dBEgb0UVqnj+L5MfQBYtewWgaTlM4PV6PggDR67e6TdG0ufNIzfOixD0Np5bayNPS64\/TQwGRu46lPwqhCs6dZoG4fOZDWTD2m0mBlMQns81QUfywNSq6iJ4Ylk5+v9Zys3BRAL8yuT6P+dw8tnPMozXo6myR\/8Uswk86SkZn05z8BNOj5CHp4UBKN7Zt9CDCWMVPCqV2vyfwhHtz0Ab11X5JKwZVjEkHdvUf96I7XytLU978kaHKdneoIHyc2SBD7VrXOqrlNYlJvq9z\/djglhXSnmjVr0meffkT390ume3pfLr\/62V3\/+hGe8QmtRx999BH\/GPJnK4Bp4OCRNGPGDNr4aRzFRGRjjwNQj0ejmFxgE4a2sV21tZb5RJ1bno6k6o0H8sd3\/\/33047p50hlNeMC+ZsyN4TefeAiRYZZz+f2g3406LlIJtKv3p102TeIsQ9+PpIef3oSa\/KnTJlCp\/Z8SdOeyJ53lFdmhdBVJbLojh6XzzXI7sTZZflwg41HCIRNkSq0H2KRxgKNHLavvDKRAnOtqVgTMpRY+ynvoxoV0vngv0cdcKNLVaO3336brRzIgfvjjz9yO5XUWlO7UjpFKblJS\/ehMwm+tEUdvJNSfHiju\/POO3ndxYaLw9m5syfJ15B9CdKWmuZDH3\/8MR8+sVmMGDGCEi\/GWdVLV2fhjEwftpBg08PBbeuWjepAlQMNxl22XCWaPXs25+IFEZFSdBDAng4S8fvvv9N9992nDtPWa42eY2Tnqlo2g8qo9fXgCSVLaZG85mFtwPxDdtkap34PBUVUONZhHzqbkK0MiL\/ow2vvbbfdxqQGMgulyq6d21iujSVFyR4UPiB7WOOxdh47esiqHuQK38VPP\/3EROeNN96gZUsXs7JHF\/wrIDCcvv\/+e6pYsSIfjGwVjAVWJijGbr31VtWPck8zVNR94UcVSmWqvTxDHdz96PhZf\/r8889ZQYQDHfA4e\/YMVVeKgZpKQRceksX7\/Y6D\/nQqzpcJ2h133MEWK6z3\/n7KddHQj\/7uoDzAYRDY4tvDvGzfttnqu8Jjaer9x417kLp168bE87PPPqMVK1ao9SODmtbMUAoGuOAQHT\/jQ1vVHGRmBfDhccyYMTxmfP9Q4ixdssgKN7SdqtYNeApBaVdTrTn4prGnte\/Yha198+fPZ6s3ZV6iKmUzGZcSikecT\/Thd0VdrD1QOGL8wB4HXlgtobiBhRr4NK2ZzgoX9Hck1ldhpVwLg0KZ9GJtAkHF\/qm5hIWMojFsUMu\/f8ZCaC6l+tCsJUEsoHUqZ\/CLf\/xjqNokLypNT7YGDpqmJesDeZG8vXu2dvDseT\/q\/XQ5uuueR+jnOU9bkdFNsd0o5fRyKzJ6qeSDDMLwoQNow4dHuF2Q0S\/WdGcTceDZ9yxkFCC8Px\/+psTEShNmCNVHPwRTihrzvbekqJ9nE5eO40rRy69NZwHRZBQ\/h\/ZovtIIXtcslTr9p1X6fWsAfb6mF08iFmB8LMYCAcIJ6e47+tAf75\/lX2E8ur2w4Ey66fEoeu72JBrZTfnqqcX82c9CmVSO7ZtE3VqnKQ2XD3W6P4rC1Lfz69RsQrvs70D6YnUXNtWvWzSBPn30Iv\/82c\/DaE98B0o5t5a+ezGBU\/pBI\/fB\/BCl8Uu3kG+Q2VjqScmnfrHMHcaVos4KIDf4aFBn46fZ\/WE8r34ZqoSEqHmtNNqi\/t\/6hvH03dyP6JdJsUxEscg8Py2USkRk0htjs8npl0uDaM2x\/mpTfcViJrYCqJD+o0\/WEPZW1Q8pcpyNR14FxHLP2Ubq5LifJt+dQH3aZ8tmfgUf1s1PRFKT1n0JPszDhw+3SUZvHTSCtcW5yehNj8fw4oDTIszxtsho47Z3stYrNxk9ec5X4alcKYKtNwc93hUbA6lj09TLFnL9+3e\/C6EFfzdS2vf36ZNPPqHYvV9ZkVGQGRCWvMqtEyKoWuOhrCGVQMKCJOXKfo9NAWvG5MmTaf3qb+n3d7O\/QV1ueyVCbeq+9KaScWxyKG+og8qsFeWYAGITOnhgDw25IZVuV4cLkIbcBevMsg0B9ObXwXTgZAjdddddTAruueceGttbbXjqcKYLSGvj22Jo4KAh7PIBjdmrr75KS6ckWPpH3bkrgujxj8KYtIJkgmg8M+Ii3abWeF0mzw5Va1Ewa7agQcW3IKXoIIB1FEQGpAok4eDcc1aDe\/rTMFqllBnvqEMxLITGeX\/ttdfoq6++os2bN1FvZYW8q2cyNVAKl9wF+zAsdG99E0Ibdgcy4evRowc98cQTdG2dgzTpHmsFUctR0VS5RguaMGECa\/pg4fni8QuWPRjtr9nmT8NeiuR9Blo8EKy+1xynp0dkK6SM48QhDXXysvKAkEOTC1L91FNP0aq345lg6fLJj8H07vch9Oa9F6mzsryhaOUN3gEazuXLl1G3q9No\/MAkq29Et7HuH396eUYY7T4azCQbJPrjRy5apQkECW96RzR169GX3xkkG1rJYcOG0etjLrJFV5c4ZaltfU8U3dilJyszoHBITTpJ4\/ons0UZJNJY8E1P\/yWIpn4bQhUr1+JsRfhmH3nkEWpacQe9Ntp6DpCyEFxkwm2JFgULFBwnEmtku5qln2EuN7xrCh96cxe8y\/1vh9G+s3Xpgw8+YDIJiw36DfWPU1wtmW5qm3oZCcZ7fbggiD77OYSaNW9JL730EpUrV47nDppiCxmFVhTaw4lD11ETxWjBuvs\/G0WV6vVlVTg6+\/XXVRQdmkx\/fJC9oG5RGp6x79ehwYOHsg9l5YD59OTw7IXvuS9C6ULoEPp3x9xCJaNY\/JbuasdkcUDL32hg5+xJ\/OznYFqwqTVPcu8mvzGQKBDqm4e9wQuuJqPQil73YBnq1vNWWr70J1r22iEmBsfO+NIdb1\/Nm\/QD999Ngb6JVkExIG9tO9xMG\/5Q\/oj\/kVH00f\/ZSPKNvIZPjwlnD9CGj+PVc0QzFgfRBEUo4T\/ok3rEshE98E44Ld4QSV8+FUvNa6sgE0Wgrx1XiRo2akFd6yykwderwDFFJq+9rwxVqNKQxt74O13fIlWRSl9qOyaKokuUY7PZ3OcuKDeJND4QPD2zIVWM3GchoyBbvZ8uTVdVasEaz5IhJ2jh5ATLx3bv2xFUulw9PkVBTY7NpJLPDMvGBcIclxzD2pgJtyXxJnROab37vdyUNSGo76wCkwSI1vdz36NVUxOsTvQwNc9aolKEnfRVrgyK\/CuhX\/53AP38RyD1vCaVtY26gPi\/phLXb9wTQCWjMunOnpestOFo67ZXS7JZH3NuSzPqDDKK8cEN5cUZoZSgtApYZDo2tbYyQEZxGDlw3JeG3phiOfzhWchp+3tj2BcVWrPcZBR1lqsDzofqcBaobjJ9clii1Uby9cog+nhpY95s4HssxXkIwFyGdQFkdOMf8y8jo+PfDVObbDJrHnQBGf1icSk2mSUmHKaPHk6klnUut0LlHjU0nk98HErzV4cwEYVGJyRjG337YrYVSpfuj0RRTIVrafTo0azx2b5xiWVN13UOnfSj68ZFcTs4sICcfPfSeQtpQT20ExjdjDW4WA9EM+o8OXKkZZiJsa+DjOLQmpuMQtmAtUUfgtCHPoRAa3744C4mabDSFFRASl+fE8qKosGDB7OZfs\/2X2ndh9aHr1GTw+lQQn165plnOKbi++\/m0ObP4qwIFvbDxrdHU+8+A9gc\/Nhjj9HUcRepl1rrdRk9JYL+PlCe9yIQmrwOQiCjIOSIIXjuuedsklEo2jo0yfm+NBmFWXn79q28\/43oermVyYgJvr3RysK49p\/sLEGdm56n9x60VqLA8nossQG99dZbTOC+\/fZbddj7kNYrK6vx+4dV8wU1N48++ih98cUXFO5\/kqY\/eYEVfvkVWNyGvhBBTZq3ZQsJyF7LqrsvI6MjJ0bwAeC\/WHBuEmQUpBqWmW9eOG+TdBv7fuSDMFp\/sDavazhsY6y1ysXTZ49dVAQ3\/3Eu3RBIo98Io763DGDLp7aqWMgohKdH96604aPjagPLZP+1l77LZuWoDFU3hOfXH56xaGFeUyfjzLLZJnCoaCdNGG4hPNCiLdjSibLOry1UMnr368rPpduL7MfgFzvVojEdo4Sz2fUTWPV96dAUemZk9ikKJuimnScwg9\/00QH+Gd7thXnt+YN4\/vnn6dVhq6k++0cqkvpIXV6A\/1j4lNoErIUJJ7Z7361MwX4JFjIKDeuEue2Y7MKEP\/3dUTRnQrbJFBrlWKXWRsHEt6qbLfBwTViwoT5dW3sXvXBH9qll+EsRypdRuRu8H6\/M0RmsAZ22+jr25\/jq0S1UXqnKQVD+OZRzTzpuC4IQg5x0fVQFIlWPt5DRuSuC6dd\/+9HDDz\/Mfj+j7hxOc5\/ezyp3lJQ0X+VrGUDTF8GPtRcHiN3RfindoEhvZpYPrd+Z00\/5UhmWD6H1mHI07\/ulHBzlrIK5xYmxf+ttdPfNOVod+As\/9lGk8ie6nk\/D8POBTGZmZh+esOmC3Osy5IVIOpVcm80XIAQ\/\/\/wjLXjpjJXW8Mbxyg2i0wg+zb72v2OXJb13Fhnt+nAkRZdry74zf\/+5hP78MMHKJP+gIinbjtcn+BnNnfOV0qLHsQygwApQZ2gJeu31KezHdGb\/HCvNKPyAuys3gpt69eXv4cieZaz50gUk\/J63KjB2MHFJcR4C+PY0Gd20bsFlZBSmq9waJ5BRaL9hVp2t1hKttTIzSnwHd0yKoM0HS7E5EGa6DZ\/E8Sajy5Mfh9GK7ZX5AIYNq0O9f2lyLu0J6l59dzTVa5wd1Lnolx9o+7R4dh9CgXa\/7ZhopbUayz7R2COc7bpj5v2lTg4C0MprMvrpp59eRkZh\/YKFzVg0GcV+9b4iU2aIqPH5J5RsfftbOPvgf\/fdd8wHENuhC8jq299GM4mBi1S07zb66lnrwxLqws0pPbgZNW\/enINDYUWsfFX2+gcTfrM7o+nGbrfwXg2Fis5AovsxRsFDoQLfSWjucmtGbWGgySjaglVh\/K05exB+Bn\/8f0\/5Kl\/\/DEvcB36O\/bnLQ1H8bQQHZtF6pZSCuVoXKKeenxZBmAt8Uy+\/\/DJlnv+Lvn\/Z+v17PhZFaQF1uc6enevph4kJVtpcxHGsU6536kJLxSnSrZQ136wKokcVUYSbBBQVV1ffexkZtfXOmozCKgvFl7GAL+Gd4CYHNwW4q4GMrttXg5599lkm1wmx2+mnSQlW60yCUoit3xVAEQoDcB8j+X3z6xD64IdImjZtGgfUYh+0kFE4qvbv04n+\/OAMjwO+iNPW9uQTMRYaqLrxcjtXP8+nJRScrMo2eY5PQtC+jR\/Ti5a\/mb3pAZQZv7em4LRN+fqMQrWcGD2Ohfe2EQOVmf4oP5+XmR5mrT4j32XH36T9r1o0sXdOCqeeQ99hjeGprS\/S83fkkNEm1z3LZgpNRiFsby2+kYEEIX36lpXs36DJKPKgLv7mSXp2pLV6G8Rz7l\/X0ol\/N1vI6C9\/BtKCHf2Y1MI5esmc0RbtHMxn\/2UDsprczxcG0da4fkxC1r53hv1AP18YTN\/+GkQ\/qwlFwSmq1Y1PqZPR57Tmrb1MVHD61G4BxgbjlHatw\/1lqFWdRAsZhdkktfR4NnHAbwZatNnTJtKzI85baeHQHgg+5nu++iigFUfBSc9W6ag0pt8sWOM0EoOxIsgDvjI\/TIyzbNR49xajYmjQsDHs44aTsA64g1x+M1dpeKbHWUzbCCzr+VgMnywRQQ\/5xQm7celVFpnB+8EUeSixAzuFv373cZeQ0aMqmKj9vdF8qofrB4LrVryVwIGAKHjX+iNi6NnnXmGnb2z2k0cdoy6tchYJmLvuvOdxdhI\/d\/BrKzL60Q\/qsLOxOWusYArDgr1JaR80IYFW9voHo2jx4sXsNyrFeQgUREZ1zzggwP+sdHQWB1\/ikHiXCop8aniOaRJ1of14SWnUdx72Zxea7q1T6NEh2e5RusA\/q\/MDUXR163Zshs+tVZqHDevDcHYfgYy8ff9F9i\/PXca+GU5bjlTjoAWfpC30wys5Bxr4Hj\/5SThrVmE5w8YpKZ6cJ0eOtFwQGdVtwm1rw25\/tg6eUX6g0HDCjPvB+Bw\/BATlQQAAIABJREFUdNSFthxuZ5BBxGzAmvOs0hoa3Y0SLymL3thoql2\/NQcMPdg\/gUb3ydEqQvsG4oM1CS4oD6jfjzH8Xo\/p1S9D6MsVpdkP+p+tv1tczPB7fCtDX4xksztiSvLSiupUQvgG4QM5adKky8io7m+fOsAj7sTXJ4uCVCZFEDq4xIDPGEnUyzND2Qqbfb15Fk29P9GKsH\/6UzChDgoOeAP+CyjG\/7Hud7gvWrmF\/c\/ivpXbjUbHI0CBAveXp4ZfYJO5LseV4mnoixE8Fyh1lVYXZBbkFwWH0eseiKYyla5mLtSm5v7LyCjqYX9fsdGf\/o31Zy3oByoWB+sPYhuMN\/wCB3A5XcBVbmipXI+UlfTMpZrUr18\/9unN7ZaAQ\/btisMg0BqlXaN0xU1ySDeslteMjqZefbL9TsExLWQUWqaBA2+lhS9uYzYPx\/jez1ajlya+wRFjcErF5CNQ58dXsxel2WpB+uPEIHZCxu83LJ1AHz6UTVQnzgqlPee7UuLJZVZkdNeFvnRy30+W08AMFaG\/8exgTi30zusPWfwo8yOjfW97j8lvbjJ607B3eQJObnnBYTLa+dF6bCKGo7FOP4X30WlR4A\/z+UevWMgogqcW7hnApy6k2Xn2od4WfCZ9FcoBV4h4xfP4KBBxho8HWP7www\/0v07L2FcFHwM0fwjUwgT2nlCLpr7zPpsW3rpzLQsMNF43KE2ebg\/EDZovFES2hab\/ZSGj0K5Q+Uf4o8eiBFIGzEBOLp7dTrd1S7b4f+mPW29K0LzBrwwZCnTaBt1Pu3btVCaFqWxCdEaBnxMCl+DDufWLOPatRMFJtOP90RzIoaOM8XNo7HFynjN9Ev32To5J6BcVWDZhZnU2hUCLi\/EDy7RT31iZT4DTil0t2KzkKjIK95Z+z8bQsmXL+N0Qkfz9S+c48h8FAQHN7oxhX1VE+8O37+Fb9ln5FUFrNfyOh3lOc5NRBDBtie3E8wTNCCKzjWT3sHJx6DQumk1XwFJSPDlDkrPbNENGcSCCRgpmbu2njg0BVpKyJXJMXsiK0eUhFcFbtTZHO8O\/C1Grfa6Jtax3+k1gDt13tjbX6djguPL7zjlY63UEJHLnzh3sVgTTGjQZSYpMwP0FBYT4henhHNF7c5vT9OKdOW3gAAufMWi3tN+X81CUlh1BwAwZhQZ+itJSBQdnB6HoglsTja4hcPvCmhEWVYn3atTFQadRpePKNGtNWl+cHkrfrS3LBKNEwE52J9MlSfGqxrfHUO069VkBgAOOXvcQ3wB+gYL9\/06l4cde17TaaTYr6wJuMWdVaU6Dh\/Ude2peBfsXAj3hdoAsQbk1o3gOsSOPqsBiP\/8QqzgRWC21ux\/q\/bYlgKAMK126DLeHbw\/WySVv5BzScBAE4URp2zCdvnzGWusJS1zkVa34+4U\/9k+KSxktI8Bu9soYtoj99ccKZdWItxBNtAmCBz9f+ISDbIN3vaICtwcp1z5dYOKfv64cBxa1rX3wMjIKIjhMWWK3HQhkZQhciVBKKVc2aHONBe6WWAewh+KdYf1AVgW4PgwcOJD3n6P7fmN3OmOBhhhBz0hTiDUIbpwzVXC1Maj7f6+F0\/HkZvTuu+9mZ+1QhIZ3e2zWiKTv3\/Qn9r1DQaT4pNmRdP5SOFUsEcfOrH8q8+2Kt84rc6\/KnZeOyHkVGLO\/JMWEJiiN4AWOzoK2rYfSSvUa8KBKyzTZioweoxH0x2\/f0+9TY7mPMwkqOliZU8+eV+RhZDw7S6O4k4wikAsfgU5Yr0HGxMFsfsfwnqzRRNFkFCp3bCT9+vagH186xFHseDf4Z5xOvIonMTXxqEq3k07bj9diHx6c1jYte5o1F5iFv3YGcDqej38Mof2pI+nee+9lf8ZmMbMsHwVOXV\/\/WpKiokvQxQtx1LbeOVqtAq\/ufeBpWvXDc5eRURwUQEDH3XMzn\/T+OVaOF57YU0dozXvxPE6o7fs8Fc3phyDYKDDzT55bgkLDS6mFJ4lql43lU\/OYh6ay1tJZ\/mHwc0JgEIKC9s2GpjObjOIk2Fmd+EBG8VHoHGUwwYBofz\/7DasPAhrr57+swYsVfHbhhgCned+4b60CokDc1h1uzZp2W2TUVjQ9Itp7PBptFcDUvsYfVuYcmJnyCmCCZqG\/IqM4+aIgb6iRjCLgrPldMTRr1iwLGR3fZy\/165iz4ICMDrv9IV4M4g59Y6UZnTgzhLaduY7JKPx5kB0CJ3yYWFA0GYVrAkwkQkat1tFC\/U9BZFRrihBEh4MeDtPQ4JQKO2O1yWFQMK8v2VyezWLY6NE2oonnzp7GAXbGwAb4nU2cFcmH1IN7\/rxsk2l6RwyTT2yE2BBRYI5D0OM1Kn0aCsyRMBmiGLU8MJMiGKNrj368Z8DvWF\/MUajgSWNXhEBBZBTrACwkvW7uy9lEQDCwZpw+eYA2f55jZcIgYF6f+l0Myx6UU1AaIEr\/tdcm80HXGFiHAExYKiHPf65Te9xn1uZqZCKBBhAHoL8V2cLBC+5ssM7pGBCYvHEgh2IE2VEeNJjKQegiyrTkNb1U0F7q2yFvn9at+1U6PLWXwZUQSovcZFRrchs0uZYD\/0Bsv\/zySybaIFhVrspxMYDrFIirsWB\/2v2lNVYg2\/5BJeh8QhytVnus8UCJtfnLFSXZmvDvvj+tfGphSW19dxTVqNuG361i+D\/0uYGEQ0nRUlkHgYmxQHMKDbUuSNUIX3R8lx3qH7mMjMIa\/d78KLbmYi7BD2AlW736d7YuGjMVoS9YbKFUg9shXCLg\/oPMPyC7cPPp0vRfi7th7nXDOE64ThozvLyjxvHZ4rJscUe6JwsZBfEC4330wZHKr+60lUOtbhC+jkt2tKAYvy0046mLrNK2VaBiP+kziH31vpj6PysyeiZoFLPkJ\/qsZuJlLNAOamdqd5JREBiAY6vAL3Rw\/842ySgIJzQFRzZPsSI80HQixQX8O+Ei8OqC9uw2AK3eoFt706o3j1gJQNeHo+iZiV+xvwx8ce8fM5QWvHjCMif4gBD4gvQ9+Big7h7zwEvKteCJy8goNrnt27fTmy\/cyvOAfLDIioAcpzqtEE4\/SRHD1cKxlt4ds9PiR4SoORDQUlHKdKFMElhgBoz6jDV5zkoJBIfzzZs3s\/ofgXL6Q8aHCj+h2+8ax24h+BCwGfO7KcJ+cN822jYNFyNkzxrMBP0mlOGFBWk38HHDf7Zt1TVWKZjufSucLgbeyCYlW2R0+MhR7OMDR3ydWgo+ujBF4dACDTFcIYa138oZFHQRMnpF+6jHPFwQGYXJ\/cf1ldkaA1M31gRYTcqHbGLTl7H0Upk6Sle9gaPssSng8IsDLf4P7Qy0NLos\/iuQ7nlDfa\/KBQSLvVEDhTo4JEPTgxRojw3J3sgQWYwySuVfRsEBuakiBNCKLX49QflaZ7evo53hwgWtE8z4uRNYe8wEFuMXKYiMTlMHlldnx3CAE4gL5On111+n2EMrLLEf+vURMHQ0sRkflJC3W+cIhQULQSudm+cQQm1q1rL3vjL3d1dmf12Q2eWrZUEcfPqOUsSgwJK1bkeAlYZfk1ZoXnWkuzZ1DxkylFPrXVtnP6fAy6tAWXSfyrYCLR5c1XKTURBguMRBa4rMPXgvuJ589+1s2j0rzqHZh2a0RLlmvDc9NuSiykGeo3HWh080PLDzJauxI7AH2kKYrRFc2r\/dUXp8qLW\/qpkB6XfCenJjs9jLyCgy\/sRU6Mhua9i\/8M7QUmMfe3LYRQ70tVUw9q+WBtMilUP7qrKVOD0TMg89d9t5Gtal4Aw2uducqXxoX5gRxQomxC5YJb2HlgkgfDltCj0yMI4FQDvgwkfgmU9DqUar8WyOPrB9gRr4BRUwkqmISiY7Fe854sv+Jhf8rmGhhen\/9ecG0Sf\/pSr6+Ad1bWeFB9iH761JD6g0POfYOR9EA6Zi+Cf8+Gq2Wnv1VpXMfPtNbEZMOvimSteUDRBymA4b8zGz+VPbXuZTE8qD74TRoLs\/4j73rn1W5UnN\/vnjH4XStTe9zCe+JZMO8s\/+Vv4xM9d15ZMB0jeMuX4FOyPDMXjgxHqcZyuvKGOYc\/v0bEeLXs8e51KVUmXt8YHsjAxzFjSnmGSf88s5Lyg2CE3acRL9fGGIyjIwiPuGECDnWrsK37KPDgouDpj4XRvLAoHIcszJV9Nep8cGx7OfjvbRQUqHJUowJn9djh5+7Dma++n9ygSdrdnESSai1uN82oOgPfngLRyQpf0SUQdmv49VxPWuc21UGo1Xmfi++vIzdGe3E9S3faolKg5z+7uaD6j\/33hvPvvpONM\/jDFWucieHXrYypcNbiHPTYtW6S46sVofcogkwPCnhTb+h1fOWznk93smkpL9GrFJBObqVSsX05LXz1mcznHqa600jAOH3cuk1VYA09j7HmKXjTnPnma\/YhT45bRXC079pl1YQ7x40U8cIGQ8RQsZtbmeed0PCyKjepNHoCg2D5i0YBVoVumfyzYRaMOvva4f502GZhRaHJjpsHkhaNJ4uF+jMmzAFIcDGNa++\/rGW9ZQTAIUC\/Arhx8X\/LlQRrwcwUERRrMrNuq\/lDXMeNBj68xvZdjnGeY7rHuiXS96ol0QGcU8\/vx3Nd5rQEogTzjY+FxYY0m9qN8K61lI6Q7sjgYyirZhTYJG9fUxiVZWG+wryMYCqxw0950bHbEiXdC0Pfx+mPpZokUTCoK6fpe\/lTUAShK48cGNREeb6yAgkCCsy21r7TVFRuHqBOVBbjKK1JXPT49iCxr2FCjloNxYs3LeZZkAzM4wXOlKVWzLmWgoabsVsddKFWh+sR8b4wDg+rLtaBXmJOAQ9\/U5a+Vva7Z\/fVhEyqTurc5dto5A43xDtwG8biDXJ4zjCLKE7+fypT\/SxFEXLRZqW31C0QMXCp+g8mzJye2TbnacOlgOabcuI6M60z9uEIAZed++vZSWdJQTqgaElFa+Iu0JwT3I8I+bCODTduSIun4yRd0IcimIKlaqxn4cyBmK0zJM\/8ipBXKBAnAQMAQzK7RfcJ4\/eWwvJV9KpfIVa7KpR\/smQsuI9ARQI4PogZSh4EPA6Q3mR7Slr2DUP4cAYDJZEFSBBuGFF17ghRORxwAeWj0kqEVOMPhtwhwKswMWVFwtiUnKK\/8ixgdzL26sQMGYUR9aYOCCjxRaOPjj4UOMPXWU\/LPiKDUzgiKjy3DeMESKYxEH3tBGw5cRmxYKNAzw87zppptY+6fnBKcs+Jjs369ucLl0nDKylL+HMgU0atSYc7shuhzEFmRcYw3CCwdwYAes8f7xZ49RkH8Sjycqpiyb3PE8yDcwgOYXWltor5POH1WYqDu1faNVUuPavPAAM2fnpkSwEYLLjuz8jtPJGAu0OQjAOKGi+yqVzlA5RVP5\/z+qEzD+rYPr8Aw+eGy48EUqE5OlcuVdsgRo4fdwzH75q\/K8WSPFhK3UTrh1CvLxUJ9d3L4u8PvEho7E0cj\/aLwBCXWEjJpdkjy7XkFkFD5oF3xb85oGMop1C+tJxbBNlwWQdFMZGKo37MVrKsgDNFk4jOG7X6YOQ7gtTxetEUK7cGMJydhC3zyf8y2xVvSNCNqizLE4zOk8iEiAbTTR4lD76+ZAK3KCzbZctY5sosO66yyXHc+WDOe\/XUFkFHlGf99diwOJNBnFXnTqwBJL3IMe5V3KBzmeruG9GAQGbeOmHeSfxYUbxtR0cEPq+1QkyyX2nN3bVlqlDkMAJWQIbmLaPxnaRGg9cZkMfBdR4Go1URFmY25eHI6OXqzP1gNksAlI3W5F6HKjikDWhevURTkq6BWR27byjE6ZV4Ij\/7EHgoxCS7rop6\/Y9cVY4J6VoCyLBZXx74VR7YadCbcoIQB50Ws5VgU8iww\/y5VP7CbVvr4IRecWRTorxKXgwHl7l1P0wIAczShSXmHfKahsO+DHQVQ4JHZredZmntF+A4Yyl8OhFgWcBYcLEHEEYmM+oe1EHvbcFxegvo4zwb+Rx1Tf\/Ij\/w\/1nlwqwLKgggOqTn0L5picrn1Hjg5gQnJLgpAyhA0kDOUTgDf6AMOlgHCyI0PBBUwYyBsKJxQn\/x7MwO6EuSCDawO\/1dXUgSehD\/07fa4uxgDCCjOFnqKOdbHUf+mYFMz\/HeDAWfeUW2sZ7YBz6PfQ1Y+hTv6MtMPGuGhtNbPU7a+0ACCT6Qj20r9tGf2gffzAGfV0bMML49Hujf42hHgPeE\/X0na86oEq3h\/+jPx0Agb401hiPHrO+GxtziDroS9\/Bi770+6G+xlbfv4u6wN\/ZWhBgAfIN0n5fnzNsSsyv6KT3IOpv3Ztg8XnO7xksiH3VaX\/I8NF8eEKCfVtkFHfT79ixgw5snU3zVP61vAqctY1mUiGjBS1F3vF7e8goDvBYE7HRnjuy8jJCADnfdboBk0AQV7SN23G+\/XoG\/a0utNARtUAWB6VPfynNGysC5ebMnsURydo1B6b3cSrfsQ4MwYUf0IyiIDpXWwFgRYL1R5sLEaCBQMJx4x7gwDoc9p3lsuMdEuK8t7SHjIKUYJ+F0mLJwjmXETFccPDN6or8e8y59u1\/660pHHSsr7bG20Dz+eiHEay5xM1HIDiwJNYxXMQBq5XOf6s1qSy3hswOsMZCO6pN+TgwQavXq\/etvDdAkQO3OK2QsoUkZBOuJFBqQemQFxmF4khrfOFb+uGH79M\/M+Ks0iY981kYXwJUUMG+irybIKOI+xjZ5ZwlBSWehQ8rlCfG6HL4eL80I5zddYAvfLHhgqBjOPAcyGij26LZCl1QQeAreMc1tQ7YJKP9bx1mua0J9aDcw8EWMgCLI3IUHzt2jG\/dQo7V4YqY5r4tEK5qcFnLfbOjcT4LGieC4XC5AQ44Vmb6gh6U3wsCrkIAm\/KCBQuUO8NzdHu3C3xCzH3zhB4LTpqZ0b1Y2zx92qfsEwq\/F2O6G+O44Zvz2Idh1KzV9XzSB+mGW8Cku45cltrphZcms6sIfKNG33TSKu+pbhMRqQj80Ne74ucgo03a3cUpPKDpyn0dKAKYEKiFgnuYbQUwwXUAiwr8nWwFMI248xF2V8kdTQ8n+e1nO1sCmKD9thXABO09ApikOA8Be8io9gOFxemD999lQmDcAKAVuUVt4q1atebrF7EJY9O4tcNpq9tp8DYDJkSSX1Q7NvdhU4EM4kIIHZyKOthYta8XIpRnLYthkmFMt4Po5yXrgyy3mmkzKVyH4GMHUuzsw6nzZsezW7aHjEIriPrQUsGymDvKG3kmYXqvVacRu9lpf+Xm1Y5ZMuhoNB98N5y2HqvLaSFBbmCFHD8gwWrtRB5yJNxHge\/ghC\/CWXnS8+ozVmZ3uGbhEhgU7QsJcotk+FBuYRxa4ZN7NqHIwh\/8HsFWtlI7wU8amlGQUWSFgOIG2VygNUQkPCLiddmg3AgGqbRUVavV4JR4UBjhG4SpGsoTXaCxRUo+FPS5b8dKDmTSBYGB0Poa9wsECgZENWcfTCiKkIf1391LrfJD43kcSEFkEUQEAofxwlqL25y0VRTEG64+sHDayjOKG5g0GcUBGHOUfV3xKzxEaMlB4FGQZhHue2VjkpnIGwtu8kMeUdxgacx2gDo4bGw7GMJZAfT1pAiQw+EExBcFGQEga9jjeB3R0fS5J1L+Lwi4EwHtnoCIc3zcGZdO0o2t0lTqj3TeoBHAhcCwlZsCaYe6CODJJ5\/iqHEkN4Y2KJDOsM9z\/arZ9ZMu+fKtTUiLcShW+RcrrQ58mvBB42Pu378\/VYjYrxLL55g6v1eptr6YNoNdHZDGA24P1Uuf4AWqikrAfDpe3Z+sbn5Cnj4kdm6gxqYLAvBGjX6CySj6urldsuX+YdxktfFAaVq0aBFXB1lsUSPWcjUbcsD9vC6EE\/FDYwETU1jmVqpaLieMEmZYpF3DYjH\/6\/fp2sY5AQKIIK3dpA8Tbbg8wIWkY+PzljRZicm+tGJzOGOFhUCK8xCwh4yCEIAMwk0K0b\/j+iXwlcfG8uvmAPbL33vUl+UF5BK+6TrrBOrCTIrD0COPPMpuNdhsOFq\/ziErLcmJs9m3mLEMKheAoJjmbH0pF7qL07DoAu2HvixD3yIDDU5+N984D1Fp2SwC9pBRfaMe8o3DStSl2anLrvLEOodb4\/5Rbk8hKs8oSMgLd6pUherfukCmOqmbuwYPuY0P8BgDtIRhGZusXD1AbnVwKoJ2dp2qwWby00fXW9I7ok2j7OE2w5\/Wl2O3KQQYw6IHrR72CvzJXXBIgvURri+IFreV9N5IRtEmiCAOb8jt3KH+MauUaGgf0fSTvlIB2mr8uiDfaI82aerK0FQOGoSJHQG46B8KB7ic6dsS8Qw0mzBz61ufdMAXEtVDKQICDUXBK69M5NzfjWvk7CtIy4Rcrz+sCbKKqodmGgG0sNDhhj1kPWDSXm1PvppR7acOIoob4l66K1HFm4Rw1qTsPEvZBVptHSejf4ZcxkfPBJMPpao5S7DKGgB8EGO0XGVW0O0guBjWwzt6pHDAGtYy+Isi2w1c\/4SMmv2ypZ7LEcBCgo0UztUgbvA\/gv+xztWKUx00e7gwAX7IcCPA5o8gMtwuhOCO48eP8wYL9wIQT2QogD8uTo\/wqcHig9M12ob\/sPbdxYLQsGFDXpTwoaAOfGoQWQ9\/YbSJ9F9oDyc8nLzxMxQsQtDSwp8KY4KGF344esFEnyCgSOmEAjMqFkssrCjoGydK+OjqvG44ueo8gGi\/Vq1abKoCFvCFMubEBS74HU7v0Prig8eiqPtH+\/BdBg553ens8sn20A7tIaPsN6XmFsF20JCs\/nUhb0Y6JZcZiKDJ7PdMFCVRNZZVyALkkjebP39hn7zcBWl12qiMHIMHD+HDy4plP3OO39yWBW0mvbnPQEvwg6R0MjMr7qljDxnFwQJrDbRWiBeZOeNzdTPSRcutgWbeAHwQeTC3HCrFaZRA7iD\/kMMvZ01TvsjxVgny0SaCSJFmrF2HbmwmnzlzBvuI6sOPsV+4h9RscAPHbIC4mvFVxpqqrwOFMiE\/Mz1IEfYJYIAxz5j+mYpZuHDZLVV4z+OKdJ9VudhhxkaWFSTG11lWEMuCtRV4QlsJUt612Qma+F\/axNxYIrfoXJWuEdYG7BvYH\/AcNMqVog\/TV89YX92J55FRBy4zIHogojofN9r6+rdSrMCBv7it60CNmlHcfARlDNaHret\/svjnQmGC7EaxcT4cPNayTobl9jX0jwuAoP0cNmw4B391aRFvFa+h3xH+o0fVOBEYWVHFeGgfWQRrHT7fiF059KFWyKiZr0zquBUBkCgsatqHGf\/XPrNYPLAoGa8ixAKE+tq\/1lgfdfHH6OcG0gvSZjT3gLBho0X7OnOA0V8YbWLR0G2hT\/xek1GMB7\/Tlx2gfSMZRbt6I8+vbzyPTQVjM7avx6b9jlHnv5TBjAXax9\/oU7dvJKO6f2dmRXCr0BSRzgu6m14HMCGSFWQUcwYXFeSPhakwIPMoffboBavgpLxeDQv\/2DcjaMOeMN6IWrduzYcNtAdNCwI5c5tf0RZ8\/B75IJw1KSDC8En9+vkLlxERWBVANlCvffv2fBiTlE5FRNBsDKOgu+l1ABOi6UEIsF7h4AIiBO3eqWM76GMV8d2ijvWVobbeGNacx1TmmgWrg5ks4rANooPD8vr162n06NFszs99vShM33ApQbATCCZ8JSfdc9Hq5iL0py9qgJYVWkeYks34Kpu5mx5memTQARmF8gDfi3ZtSU7YSzOfumDqQKjJKN4fChLgCSIMk\/vvK3\/kXL8IFjQWnVu0eeuufD0vFCb4pkAQoaQAsR18fbJKeZVoM5DIFrFduLEqB0WDkOZHRrG+QNGCAyjI6Ja\/frzsumJbcw0SDCIaGlWN1xTkZIXvLq5NxfWpZgrI6MmUluyDjEMItNxCRs0gJ3UEAUFAEHAAARwSoGnBhrR+9beXLfYgo4n+1zDBw0aEQwIILDYIZLTAZpRw7hjn\/kQgAUzzuQuIwPzVgTRVBS3FJ0co8\/wjnBUEWlEcWkAwkCUDrij33xJ\/men\/ARXItPlILR4DCAw0+nffdNaSNk\/3N+FzlRP1r3KcmQQbN4iu+Is6IBQuegRziShpkE34Dx6ce86qZ5DR1XtqsxYTRBCEAPIKP0i4\/8C8vH\/fLiV3KXw1rXbpyE2mlq73pzdV1pKDJ0M4KAZkEX6CkGUoEOBTCQsTUjwZA3LQDu4o\/\/SXkmzdAbnEFbWtqu2nKfdaX8UNc\/rkOZH09ddfc2AQ32VuvLcyD0xBRvEtwTqEwEBbmtE3vy3JuS5xGIRMAwOY9hG4CpJ8Pu4ofzNDb7xkdde8sUv4Ts5dEcgHO5jI4XMJYot2QNbwXrlTOeF5nVsUh1Ekkuerd9V7QZECIotvDXPXrFaqIntJVj6sxv6ROWbhuiB1YU4QZQXVZJcEkGJbKeKgGR2k3CgwV7AOYr5BXH9b8R3NePKC1Y1Qxj5w2IWfOfLTpvuUYAILiyTwgiYZcwPXOMR3NKpu+wCDmz1\/WBPIKSWr123H6aQgK1inhIy6aGGQbgQBQcD7EIDGHBsSFurJk1+lYOVfZiwIfBs4aChroqBphGZUa+rxHDQ0SOkGN4v0tBSqq3yTkc82OjyLTXW4wAK+fLgND64dyCuMgDv4gumMHNjYQIixGa9ZvYoCc2Vdgfl9yNDhbBZE39jIfv9thY16xLf1QDsFzRTIhpSiiwCImL4yFmTI6NuJUacqvtCx0w3sW64PLph\/TUihJUdaMPiuJyUlsnawVsVMignPpGSV5e50vB9t3uvHcgi\/esgPfOQhx5A9nXUHhBgHnW\/nfW0VnW4cA2QTJAwatm++nmOzXqur2\/KhDn70Zkz0aF9n3UEaKvjuBwUoVyiDM2S6MrnXqFmfyZQm0Pr7A3ZwC\/vggw84UDArM1X5b2ZQpTKZ7G5w7oIvm7GhKUT8Agg94hYQi4DvAwS\/Rn5YAAAEBElEQVQL3x7cxhBQdPDAbgrIvlLeUtLUcCpWqs4HBhxGQWCBA9YNEHloSHGxBdYAWEtwY2ITle8aF9HgNU4pFxu42Rw8obIXZfhx4BTcAuC+BsxXLF982XecrKLyJ02azAdW9AftNSLpkWMW44VZvm7lTO4rTF0Nj\/aPnfbhvORIKQmrCHzatWscxopxwpUOBxto1nFwASHFLVs4LMcqfIDR\/mMqqMwvkOUE2nLIjXaXEzJadNcSGZkgIAgUcwSwsWGBx4aMSGVonIy+wfCrQ15BbEQ6lZ3eREEKsFFgU4TvMzalrVu3sikdpkRsJNj4cbUg7oDWGiOdtk67YKA\/aEdBbBE1jH9rlw7UARGB1hRt4efoC2bL3PVAcJFHGmY19CEuHkVbOLULDw41CMCE7GhXH8wdCBN8G3UwkHa5wHOoBzIE2QOZguwhNzh80yF7OIhAHpBRAYcgkB+YfHU6Qd2WTisIv3\/k8sR3oN2FQLrwDHzjIVMoIDXwj8ffxnpoF6Zv+Prj3\/a4h8DSgPfYsGEDxwYY3Z1AhHr27ElVq1Zlmdamf03K9fcHywIwgLUCGktgg7Hj28G3i7gBXL0LjS1+rsk4+gJee\/fuZbKGtUB\/e3h\/1EOQIfz7MRaj64F2N8N3CO0uxo\/87iClmFM8j28WJBpJ45GVBX9rQosDKDTCWC80lmgfcwXNLZ41ptnEHMGlAv1Am40+MF79jmgbty\/qgCP0o13B4EaG98S8IRsB2kAwHHBHn2gD4wTO1113HWuhgZNuA+8iZLRorycyOkFAECjmCGBTwYaIhV3n+cUrab9kbEjYFHL7wGHTwiaifYb189jg8Dss4DpfMMiB9gPGz3KbMHUb2DTwb6P\/MPrWftdaK6TzRxvraT9o9GPGX6+YT5tHDF\/7jOdOgQTZK2g+tR+89r+H7Bp90yED2j9dyw9+llv2IK+5ffi1\/OvntZZdfydGGdV5ztGHlj0zJno9gfob0hjY8u231a7+\/rTPPd4B\/879\/eGdtQ8\/\/sY76YOaJrV4Vn97RjKqc3hrH\/\/c76UPBvp53YbxQKvnQY9BW1d0bnUjllgbcq8VwEfPke4H\/zf2kXudQR\/GdUa3oefP1jqjcTKO09iGkFGPWHLkJQQBQaAoI6A3Nizaxs1I50IsaHPV6Wt0KhtNRjUh1Yt6fu3oNvCscQx4Ro8DGJqtV5TxlrHlIJCX7OWe97wwK0j2zMiwWZkyW8\/e+dUY6L\/xPGvjcsl+fhgY00gZvz+8P74\/\/G3r+9Pfm\/72bX17eix59a\/HnTuVlXH8egxGEm6rz7zmK3cfetz59ZF7vHhGjxF\/517r9BhtWVWEjNor1VJfEBAEBAFBQBAQBAQBQaDQEPg\/+oP32S\/cW+MAAAAASUVORK5CYII=\" alt=\"\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\uff08\u4e8c\uff09&nbsp;flex-wrap \u5c5e\u6027<\/h3>\n\n\n\n<p>\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u9879\u76ee\u90fd\u6392\u5728\u4e00\u6761\u7ebf\uff08\u53c8\u79f0\u201d\u8f74\u7ebf\u201d\uff09\u4e0a\u3002flex-wrap\u5c5e\u6027\u5b9a\u4e49\uff0c\u5982\u679c\u4e00\u6761\u8f74\u7ebf\u6392\u4e0d\u4e0b\uff0c\u5982\u4f55\u6362\u884c\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.box{\n  flex-wrap: nowrap | wrap | wrap-reverse;\n}<\/code><\/pre>\n\n\n\n<p><strong>\uff081\uff09nowrap\uff08\u9ed8\u8ba4\uff09\uff1a\u4e0d\u6362\u884c\u3002<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-49.png\"><img loading=\"lazy\" decoding=\"async\" width=\"632\" height=\"136\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-49.png\" alt=\"\" class=\"wp-image-1177\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-49.png 632w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-49-300x65.png 300w\" sizes=\"(max-width: 632px) 100vw, 632px\" \/><\/a><\/figure>\n\n\n\n<p><strong>\uff082\uff09wrap\uff1a\u6362\u884c\uff0c\u7b2c\u4e00\u884c\u5728\u4e0a\u65b9\u3002<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-50.png\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"164\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-50.png\" alt=\"\" class=\"wp-image-1178\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-50.png 634w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-50-300x78.png 300w\" sizes=\"(max-width: 634px) 100vw, 634px\" \/><\/a><\/figure>\n\n\n\n<p><strong>\uff083\uff09wrap-reverse\uff1a\u6362\u884c\uff0c\u7b2c\u4e00\u884c\u5728\u4e0b\u65b9\u3002<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-51.png\"><img loading=\"lazy\" decoding=\"async\" width=\"635\" height=\"163\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-51.png\" alt=\"\" class=\"wp-image-1179\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-51.png 635w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-51-300x77.png 300w\" sizes=\"(max-width: 635px) 100vw, 635px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\uff08\u4e09\uff09flex-flow<\/h3>\n\n\n\n<p>flex-flow \u5c5e\u6027\u662f flex-direction \u5c5e\u6027\u548c flex-wrap \u5c5e\u6027\u7684\u7b80\u5199\u5f62\u5f0f\uff0c\u9ed8\u8ba4\u503c\u4e3a row nowrap\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.box {\n  flex-flow: &lt;flex-direction&gt; &lt;flex-wrap&gt;;\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\uff08\u56db\uff09justify-content\u5c5e\u6027<\/h3>\n\n\n\n<p>justify-content\u5c5e\u6027\u5b9a\u4e49\u4e86\u9879\u76ee\u5728\u4e3b\u8f74\u4e0a\u7684\u5bf9\u9f50\u65b9\u5f0f\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.box {\n  justify-content: flex-start | flex-end | center | space-between | space-around;\n}<\/code><\/pre>\n\n\n\n<ul>\n<li><strong>flex-start\uff08\u9ed8\u8ba4\u503c\uff09<\/strong>\uff1a\u5de6\u5bf9\u9f50<\/li>\n\n\n\n<li><strong>flex-end<\/strong>\uff1a\u53f3\u5bf9\u9f50<\/li>\n\n\n\n<li><strong>center<\/strong>\uff1a \u5c45\u4e2d<\/li>\n\n\n\n<li><strong>space-between<\/strong>\uff1a\u4e24\u7aef\u5bf9\u9f50\uff0c\u9879\u76ee\u4e4b\u95f4\u7684\u95f4\u9694\u90fd\u76f8\u7b49\u3002<\/li>\n\n\n\n<li><strong>space-around<\/strong>\uff1a\u6bcf\u4e2a\u9879\u76ee\u4e24\u4fa7\u7684\u95f4\u9694\u76f8\u7b49\u3002\u6240\u4ee5\uff0c\u9879\u76ee\u4e4b\u95f4\u7684\u95f4\u9694\u6bd4\u9879\u76ee\u4e0e\u8fb9\u6846\u7684\u95f4\u9694\u5927\u4e00\u500d\u3002<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-52.png\"><img loading=\"lazy\" decoding=\"async\" width=\"577\" height=\"649\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-52.png\" alt=\"\" class=\"wp-image-1180\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-52.png 577w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-52-267x300.png 267w\" sizes=\"(max-width: 577px) 100vw, 577px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\uff08\u4e94\uff09align-items\u5c5e\u6027<\/h3>\n\n\n\n<p>align-items\u5c5e\u6027\u5b9a\u4e49\u9879\u76ee\u5728\u4ea4\u53c9\u8f74\u4e0a\u5982\u4f55\u5bf9\u9f50\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.box {\n  align-items: flex-start | flex-end | center | baseline | stretch;\n}<\/code><\/pre>\n\n\n\n<ul>\n<li>flex-start\uff1a\u4ea4\u53c9\u8f74\u7684\u8d77\u70b9\u5bf9\u9f50\u3002<\/li>\n\n\n\n<li>flex-end\uff1a\u4ea4\u53c9\u8f74\u7684\u7ec8\u70b9\u5bf9\u9f50\u3002<\/li>\n\n\n\n<li>center\uff1a\u4ea4\u53c9\u8f74\u7684\u4e2d\u70b9\u5bf9\u9f50\u3002<\/li>\n\n\n\n<li>baseline: \u9879\u76ee\u7684\u7b2c\u4e00\u884c\u6587\u5b57\u7684\u57fa\u7ebf\u5bf9\u9f50\u3002<\/li>\n\n\n\n<li>stretch\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u5982\u679c\u9879\u76ee\u672a\u8bbe\u7f6e\u9ad8\u5ea6\u6216\u8bbe\u4e3aauto\uff0c\u5c06\u5360\u6ee1\u6574\u4e2a\u5bb9\u5668\u7684\u9ad8\u5ea6\u3002<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-53.png\"><img loading=\"lazy\" decoding=\"async\" width=\"559\" height=\"664\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-53.png\" alt=\"\" class=\"wp-image-1181\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-53.png 559w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-53-253x300.png 253w\" sizes=\"(max-width: 559px) 100vw, 559px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\uff08\u516d\uff09&nbsp;align-content\u5c5e\u6027<\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>.box {\n  align-content: flex-start | flex-end | center | space-between | space-around | stretch;\n}<\/code><\/pre>\n\n\n\n<ul>\n<li>flex-start\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u8d77\u70b9\u5bf9\u9f50\u3002<\/li>\n\n\n\n<li>flex-end\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u7ec8\u70b9\u5bf9\u9f50\u3002<\/li>\n\n\n\n<li>center\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u4e2d\u70b9\u5bf9\u9f50\u3002<\/li>\n\n\n\n<li>space-between\uff1a\u4e0e\u4ea4\u53c9\u8f74\u4e24\u7aef\u5bf9\u9f50\uff0c\u8f74\u7ebf\u4e4b\u95f4\u7684\u95f4\u9694\u5e73\u5747\u5206\u5e03\u3002<\/li>\n\n\n\n<li>space-around\uff1a\u6bcf\u6839\u8f74\u7ebf\u4e24\u4fa7\u7684\u95f4\u9694\u90fd\u76f8\u7b49\u3002\u6240\u4ee5\uff0c\u8f74\u7ebf\u4e4b\u95f4\u7684\u95f4\u9694\u6bd4\u8f74\u7ebf\u4e0e\u8fb9\u6846\u7684\u95f4\u9694\u5927\u4e00\u500d\u3002<\/li>\n\n\n\n<li>stretch\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u8f74\u7ebf\u5360\u6ee1\u6574\u4e2a\u4ea4\u53c9\u8f74\u3002<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-54.png\"><img loading=\"lazy\" decoding=\"async\" width=\"561\" height=\"661\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-54.png\" alt=\"\" class=\"wp-image-1182\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-54.png 561w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-54-255x300.png 255w\" sizes=\"(max-width: 561px) 100vw, 561px\" \/><\/a><\/figure>\n\n\n\n<p>\u66f4\u591a\u5173\u4e8e Flex \u5e03\u5c40\u53c2\u8003\uff1a<\/p>\n\n\n\n<ul>\n<li><a href=\"https:\/\/www.runoob.com\/w3cnote\/flex-grammar.html?spm=a2c6h.13046898.publish-article.4.fcb46ffarw0mns\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.runoob.com\/w3cnote\/flex-grammar.html?spm=a2c6h.13046898.publish-article.4.fcb46ffarw0mns<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/blog.csdn.net\/zheshiyangyang\/article\/details\/139089985\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/blog.csdn.net\/zheshiyangyang\/article\/details\/139089985<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/zhuanlan.zhihu.com\/p\/691447338\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/zhuanlan.zhihu.com\/p\/691447338<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u91cd\u53e0\u7684\u5143\u7d20\u3001z-index<\/h2>\n\n\n\n<p>\u5143\u7d20\u7684\u5b9a\u4f4d\u4e0e\u6587\u6863\u6d41\u65e0\u5173\uff0c\u6240\u4ee5\u5b83\u4eec\u53ef\u4ee5\u8986\u76d6\u9875\u9762\u4e0a\u7684\u5176\u5b83\u5143\u7d20\u3002<\/p>\n\n\n\n<p>z-index\u5c5e\u6027\u6307\u5b9a\u4e86\u4e00\u4e2a\u5143\u7d20\u7684\u5806\u53e0\u987a\u5e8f\uff08\u54ea\u4e2a\u5143\u7d20\u5e94\u8be5\u653e\u5728\u524d\u9762\uff0c\u6216\u540e\u9762\u3002<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">z-index \u8f83\u5927\u7684\u91cd\u53e0\u5143\u7d20\u4f1a\u8986\u76d6\u8f83\u5c0f\u7684\u5143\u7d20\u3002<\/mark><\/strong>z-index \u5c5e\u6027\u53ef\u4ee5\u88ab\u8bbe\u7f6e\u4e3a\u5173\u952e\u5b57 auto \u6216 int \u503c\u3002\uff09\u3002\u6ce8\u610f\uff1a<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u5fc5\u987b\u6307\u5b9a\u4e86 postion \u6216 flex \u540e <code>z-index<\/code> \u624d\u751f\u6548<\/mark><\/strong>\u3002<\/p>\n\n\n\n<p>\u4e00\u4e2a\u5143\u7d20\u53ef\u4ee5\u6709\u6b63\u6570\u6216\u8d1f\u6570\u7684\u5806\u53e0\u987a\u5e8f\uff1a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n&lt;meta charset=\"utf-8\"&gt; \n&lt;style&gt;\nimg\n{\n\tposition:absolute;\n\tleft:0px;\n\ttop:0px;\n\tz-index:-1;\n}\n&lt;\/style&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n&lt;h1&gt;This is a heading&lt;\/h1&gt;\n&lt;img src=\"w3css.gif\" width=\"100\" height=\"140\" \/&gt;\n&lt;p&gt;\u56e0\u4e3a\u56fe\u50cf\u5143\u7d20\u8bbe\u7f6e\u4e86 z-index \u5c5e\u6027\u503c\u4e3a -1, \u6240\u4ee5\u5b83\u4f1a\u663e\u793a\u5728\u6587\u5b57\u4e4b\u540e\u3002&lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>\u663e\u793a\u7ed3\u679c\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-23.png\"><img loading=\"lazy\" decoding=\"async\" width=\"502\" height=\"318\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-23.png\" alt=\"\" class=\"wp-image-1118\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-23.png 502w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-23-300x190.png 300w\" sizes=\"(max-width: 502px) 100vw, 502px\" \/><\/a><\/figure>\n\n\n\n<p>The&nbsp;<code>z-index<\/code>&nbsp;property specifies the stack order of an element.<\/p>\n\n\n\n<p>An element with greater stack order is always in front of an element with a lower stack order.<\/p>\n\n\n\n<p><strong>Note:<\/strong>&nbsp;<code>z-index<\/code>&nbsp;only works on positioned elements (position: absolute, position: relative, position: fixed, or position: sticky) and flex items (elements that are direct children of&nbsp;<a href=\"https:\/\/www.w3schools.com\/cssref\/pr_class_display.php\">display:flex<\/a>&nbsp;elements). <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u3010\u5fc5\u987b\u6307\u5b9a\u4e86 postion \u6216 flex \u540e <code>z-index<\/code> \u624d\u751f\u6548\u3011<\/mark><\/strong><\/p>\n\n\n\n<p><strong>Note:<\/strong>&nbsp;If two positioned elements overlap without a&nbsp;<code>z-index<\/code>&nbsp;specified, the element positioned last in the HTML code will be shown on top.&nbsp;\u3010\u5982\u679c\u4e24\u4e2a\u5b9a\u4f4d\u7684\u5143\u7d20\u91cd\u53e0\u800c\u672a\u6307\u5b9a <code>z-index<\/code> \u7d22\u5f15\uff0c\u5219 HTML \u4ee3\u7801\u4e2d\u6700\u540e\u5b9a\u4f4d\u7684\u5143\u7d20\u5c06\u663e\u793a\u5728\u9876\u90e8\u3002\u3011<\/p>\n\n\n\n<h2 class=\"wp-block-heading alignwide\" id=\"we-re-a-studio-in-berlin-with-an-international-practice-in-architecture-urban-planning-and-interior-design-we-believe-in-sharing-knowledge-and-promoting-dialogue-to-increase-the-creative-potential-of-collaboration\" style=\"font-size:48px;line-height:1.1\">\u3010\u4e09\u3011Overflow<\/h2>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">overflow \u5c5e\u6027<\/mark><\/strong>\u53ef\u4ee5<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u63a7\u5236\u5185\u5bb9\u6ea2\u51fa\u5143\u7d20\u6846\u65f6\u5728\u5bf9\u5e94\u7684\u5143\u7d20\u533a\u95f4\u5185\u6dfb\u52a0\u6eda\u52a8\u6761<\/mark><\/strong>\u3002<\/p>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">overflow-x \u5c5e\u6027\u6307\u5b9a\u5982\u679c\u5b83\u6ea2\u51fa\u4e86\u5143\u7d20\u7684\u5185\u5bb9\u533a\u662f\u5426\u526a\u8f91\u5de6\/\u53f3\u8fb9\u7f18\u5185\u5bb9\u3002<\/mark><\/strong><\/p>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-purple-color\">overflow-y \u5c5e\u6027\u6307\u5b9a\u5982\u679c\u5b83\u6ea2\u51fa\u4e86\u5143\u7d20\u7684\u5185\u5bb9\u533a\u662f\u5426\u526a\u8f91\u9876\u90e8\/\u5e95\u90e8\u8fb9\u7f18\u5185\u5bb9\u3002<\/mark><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>overflow-x: visible|hidden|scroll|auto|no-display|no-content;\noverflow-y: visible|hidden|scroll|auto|no-display|no-content;<\/code><\/pre>\n\n\n\n<p>overflow \u5c5e\u6027\u6709\u4ee5\u4e0b\u503c\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>\u503c<\/th><th>\u63cf\u8ff0<\/th><\/tr><tr><td>visible<\/td><td>\u9ed8\u8ba4\u503c\u3002\u5185\u5bb9\u4e0d\u4f1a\u88ab\u4fee\u526a\uff0c\u4f1a\u5448\u73b0\u5728\u5143\u7d20\u6846\u4e4b\u5916\uff0c\u5373\u5185\u5bb9\u6ea2\u51fa\u5143\u7d20\u6846\u3002<\/td><\/tr><tr><td>hidden<\/td><td>\u5185\u5bb9\u4f1a\u88ab\u4fee\u526a\uff0c\u5e76\u4e14\u5176\u4f59\u5185\u5bb9\u662f\u4e0d\u53ef\u89c1\u7684\u3002<\/td><\/tr><tr><td>scroll<\/td><td>\u5185\u5bb9\u4f1a\u88ab\u4fee\u526a\uff0c\u4f46\u662f\u6d4f\u89c8\u5668\u4f1a\u663e\u793a\u6eda\u52a8\u6761\u4ee5\u4fbf\u67e5\u770b\u5176\u4f59\u7684\u5185\u5bb9\u3002<\/td><\/tr><tr><td>auto<\/td><td>\u5982\u679c\u5185\u5bb9\u88ab\u4fee\u526a\uff0c\u5219\u6d4f\u89c8\u5668\u4f1a\u663e\u793a\u6eda\u52a8\u6761\u4ee5\u4fbf\u67e5\u770b\u5176\u4f59\u7684\u5185\u5bb9\u3002<\/td><\/tr><tr><td>inherit<\/td><td>\u89c4\u5b9a\u5e94\u8be5\u4ece\u7236\u5143\u7d20\u7ee7\u627f overflow \u5c5e\u6027\u7684\u503c\u3002<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>\u6ce8\u610f:<\/strong> <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">overflow \u5c5e\u6027\u53ea\u5de5\u4f5c\u4e8e\u6307\u5b9a\u9ad8\u5ea6\u7684\u5757\u5143\u7d20\u4e0a\u3002<\/mark><\/strong><\/p>\n\n\n\n<p><strong>\u6ce8\u610f:<\/strong>&nbsp;\u5728 OS X Lion ( Mac \u7cfb\u7edf) \u7cfb\u7edf\u4e0a\uff0c\u6eda\u52a8\u6761\u9ed8\u8ba4\u662f\u9690\u85cf\u7684\uff0c\u4f7f\u7528\u7684\u65f6\u5019\u624d\u4f1a\u663e\u793a (\u8bbe\u7f6e &#8220;overflow:scroll&#8221; \u4e5f\u662f\u4e00\u6837\u7684)\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-24.png\"><img loading=\"lazy\" decoding=\"async\" width=\"694\" height=\"543\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-24.png\" alt=\"\" class=\"wp-image-1119\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-24.png 694w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-24-300x235.png 300w\" sizes=\"(max-width: 694px) 100vw, 694px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading alignwide\" id=\"we-re-a-studio-in-berlin-with-an-international-practice-in-architecture-urban-planning-and-interior-design-we-believe-in-sharing-knowledge-and-promoting-dialogue-to-increase-the-creative-potential-of-collaboration\" style=\"font-size:48px;line-height:1.1\">\u3010\u56db\u3011Float<\/h2>\n\n\n\n<p>CSS \u7684 Float\uff08\u6d6e\u52a8\uff09\uff0c\u4f1a\u4f7f\u5143\u7d20\u5411\u5de6\u6216\u5411\u53f3\u79fb\u52a8\uff0c\u5176\u5468\u56f4\u7684\u5143\u7d20\u4e5f\u4f1a\u91cd\u65b0\u6392\u5217\u3002<\/p>\n\n\n\n<p>Float\uff08\u6d6e\u52a8\uff09\uff0c\u5f80\u5f80\u662f\u7528\u4e8e\u56fe\u50cf\uff0c\u4f46\u5b83\u5728\u5e03\u5c40\u65f6\u4e00\u6837\u975e\u5e38\u6709\u7528\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u5143\u7d20\u600e\u6837\u6d6e\u52a8<\/h3>\n\n\n\n<p>\u5143\u7d20\u7684\u6c34\u5e73\u65b9\u5411\u6d6e\u52a8\uff0c\u610f\u5473\u7740\u5143\u7d20\u53ea\u80fd\u5de6\u53f3\u79fb\u52a8\u800c\u4e0d\u80fd\u4e0a\u4e0b\u79fb\u52a8\u3002<\/p>\n\n\n\n<p><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u4e00\u4e2a\u6d6e\u52a8\u5143\u7d20\u4f1a\u5c3d\u91cf\u5411\u5de6\u6216\u5411\u53f3\u79fb\u52a8\uff0c\u76f4\u5230\u5b83\u7684\u5916\u8fb9\u7f18\u78b0\u5230\u5305\u542b\u6846\u6216\u53e6\u4e00\u4e2a\u6d6e\u52a8\u6846\u7684\u8fb9\u6846\u4e3a\u6b62\u3002\u6d6e\u52a8\u5143\u7d20\u4e4b\u540e\u7684\u5143\u7d20\u5c06\u56f4\u7ed5\u5b83\u3002<\/mark><\/strong><\/p>\n\n\n\n<p>\u6d6e\u52a8\u5143\u7d20\u4e4b\u524d\u7684\u5143\u7d20\u5c06\u4e0d\u4f1a\u53d7\u5230\u5f71\u54cd\u3002<\/p>\n\n\n\n<p>\u5982\u679c\u56fe\u50cf\u662f\u53f3\u6d6e\u52a8\uff0c\u4e0b\u9762\u7684\u6587\u672c\u6d41\u5c06\u73af\u7ed5\u5728\u5b83\u5de6\u8fb9<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-25.png\"><img loading=\"lazy\" decoding=\"async\" width=\"831\" height=\"519\" src=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-25.png\" alt=\"\" class=\"wp-image-1120\" srcset=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-25.png 831w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-25-300x187.png 300w, http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/image-25-768x480.png 768w\" sizes=\"(max-width: 831px) 100vw, 831px\" \/><\/a><\/figure>\n\n\n\n<p>\u5982\u4e0a\uff0c<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">\u5173\u952e\u70b9\u662f\uff1a\u6587\u5b57\u548c\u56fe\u7247\u90fd\u5728\u4e00\u4e2a\u5757\u5143\u7d20\u4e2d\uff0c\u5219\u56fe\u7247\u6d6e\u52a8\u540e\uff0c\u6587\u5b57\u624d\u4f1a\u73af\u7ed5\u56fe\u7247\u3002<\/mark><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u5f7c\u6b64\u76f8\u90bb\u7684\u6d6e\u52a8\u5143\u7d20<\/h3>\n\n\n\n<p>\u5982\u679c\u4f60\u628a\u51e0\u4e2a\u6d6e\u52a8\u7684\u5143\u7d20\u653e\u5230\u4e00\u8d77\uff0c\u5982\u679c\u6709\u7a7a\u95f4\u7684\u8bdd\uff0c\u5b83\u4eec\u5c06\u5f7c\u6b64\u76f8\u90bb\u3002<\/p>\n\n\n\n<p>\u53c2\uff1a<a href=\"https:\/\/www.runoob.com\/try\/try.php?filename=trycss_float_elements\">https:\/\/www.runoob.com\/try\/try.php?filename=trycss_float_elements<\/a><\/p>\n\n\n\n<p><strong>\u66f4\u591a\u4f8b\u5b50\uff1a<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.runoob.com\/try\/try.php?filename=trycss_float2\" target=\"_blank\" rel=\"noreferrer noopener\">\u4e3a\u56fe\u50cf\u6dfb\u52a0\u8fb9\u6846\u548c\u8fb9\u8ddd\u5e76\u6d6e\u52a8\u5230\u6bb5\u843d\u7684\u53f3\u4fa7<\/a><\/p>\n\n\n\n<p>\u8ba9\u6211\u4eec\u4e3a\u56fe\u50cf\u6dfb\u52a0\u8fb9\u6846\u548c\u8fb9\u8ddd\u5e76\u6d6e\u52a8\u5230\u6bb5\u843d\u7684\u53f3\u4fa7<\/p>\n\n\n\n<p><a href=\"https:\/\/www.runoob.com\/try\/try.php?filename=trycss_float3\" target=\"_blank\" rel=\"noreferrer noopener\">\u6807\u9898\u548c\u56fe\u7247\u5411\u53f3\u4fa7\u6d6e\u52a8<\/a><\/p>\n\n\n\n<p>\u8ba9\u6807\u9898\u548c\u56fe\u7247\u5411\u53f3\u4fa7\u6d6e\u52a8\u3002<\/p>\n\n\n\n<p><a href=\"https:\/\/www.runoob.com\/try\/try.php?filename=trycss_float4\" target=\"_blank\" rel=\"noreferrer noopener\">\u8ba9\u6bb5\u843d\u7684\u7b2c\u4e00\u4e2a\u5b57\u6bcd\u6d6e\u52a8\u5230\u5de6\u4fa7<\/a><\/p>\n\n\n\n<p>\u6539\u53d8\u6837\u5f0f\uff0c\u8ba9\u6bb5\u843d\u7684\u7b2c\u4e00\u4e2a\u5b57\u6bcd\u6d6e\u52a8\u5230\u5de6\u4fa7\u3002<\/p>\n\n\n\n<p><a href=\"https:\/\/www.runoob.com\/try\/try.php?filename=trycss_float6\" target=\"_blank\" rel=\"noreferrer noopener\">\u521b\u5efa\u4e00\u4e2a\u6ca1\u6709\u8868\u683c\u7684\u7f51\u9875<\/a><\/p>\n\n\n\n<p>\u4f7f\u7528 float \u521b\u5efa\u4e00\u4e2a\u7f51\u9875\u9875\u7709\u3001\u9875\u811a\u3001\u5de6\u8fb9\u7684\u5185\u5bb9\u548c\u4e3b\u8981\u5185\u5bb9\u3002<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3010\u4e00\u3011Display Display(\u663e\u793a)&nbsp;\u4e0e&nbsp;Visibility\uff08\u53ef\u89c1\u6027\uff09 \u9690\u85cf\u5143\u7d20&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1111,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[57],"tags":[61],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CSS \u57fa\u7840\uff08\u4e09\uff09\uff1aDisplay\u3001Position\u3001Overflow\u3001Float - \u7801\u5148\u751f\u7684\u535a\u5ba2<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS \u57fa\u7840\uff08\u4e09\uff09\uff1aDisplay\u3001Position\u3001Overflow\u3001Float - \u7801\u5148\u751f\u7684\u535a\u5ba2\" \/>\n<meta property=\"og:description\" content=\"\u3010\u4e00\u3011Display Display(\u663e\u793a)&nbsp;\u4e0e&nbsp;Visibility\uff08\u53ef\u89c1\u6027\uff09 \u9690\u85cf\u5143\u7d20...\" \/>\n<meta property=\"og:url\" content=\"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/\" \/>\n<meta property=\"og:site_name\" content=\"\u7801\u5148\u751f\u7684\u535a\u5ba2\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-27T08:10:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-27T13:45:26+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/css3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"410\" \/>\n\t<meta property=\"og:image:height\" content=\"409\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"\u7801\u5148\u751f\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/mrcode2021\" \/>\n<meta name=\"twitter:site\" content=\"@mrcode2021\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u7801\u5148\u751f\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/#article\",\"isPartOf\":{\"@id\":\"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/\"},\"author\":{\"name\":\"\u7801\u5148\u751f\",\"@id\":\"http:\/\/codermr.com\/#\/schema\/person\/39016e15c79e4f02d1ed3a64688619bf\"},\"headline\":\"CSS \u57fa\u7840\uff08\u4e09\uff09\uff1aDisplay\u3001Position\u3001Overflow\u3001Float\",\"datePublished\":\"2024-07-27T08:10:12+00:00\",\"dateModified\":\"2024-07-27T13:45:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/\"},\"wordCount\":320,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\/\/codermr.com\/#\/schema\/person\/39016e15c79e4f02d1ed3a64688619bf\"},\"keywords\":[\"html_css_js\"],\"articleSection\":[\"\u524d\u7aef\u6280\u672f\"],\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/\",\"url\":\"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/\",\"name\":\"CSS \u57fa\u7840\uff08\u4e09\uff09\uff1aDisplay\u3001Position\u3001Overflow\u3001Float - \u7801\u5148\u751f\u7684\u535a\u5ba2\",\"isPartOf\":{\"@id\":\"http:\/\/codermr.com\/#website\"},\"datePublished\":\"2024-07-27T08:10:12+00:00\",\"dateModified\":\"2024-07-27T13:45:26+00:00\",\"breadcrumb\":{\"@id\":\"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"http:\/\/codermr.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS \u57fa\u7840\uff08\u4e09\uff09\uff1aDisplay\u3001Position\u3001Overflow\u3001Float\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/codermr.com\/#website\",\"url\":\"http:\/\/codermr.com\/\",\"name\":\"\u7801\u5148\u751f\u7684\u535a\u5ba2\",\"description\":\"\u6b22 \u8fce \u4e0b \u8f7d \u6211 \u5f00 \u53d1 \u7684 \u5404 \u7aef \u8f6f \u4ef6 \u548c APP\",\"publisher\":{\"@id\":\"http:\/\/codermr.com\/#\/schema\/person\/39016e15c79e4f02d1ed3a64688619bf\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/codermr.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"http:\/\/codermr.com\/#\/schema\/person\/39016e15c79e4f02d1ed3a64688619bf\",\"name\":\"\u7801\u5148\u751f\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"http:\/\/codermr.com\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/codermr.com\/wp-content\/uploads\/2023\/02\/wukong.jpg\",\"contentUrl\":\"http:\/\/codermr.com\/wp-content\/uploads\/2023\/02\/wukong.jpg\",\"width\":400,\"height\":400,\"caption\":\"\u7801\u5148\u751f\"},\"logo\":{\"@id\":\"http:\/\/codermr.com\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/codermr.com\",\"https:\/\/twitter.com\/https:\/\/twitter.com\/mrcode2021\"],\"url\":\"http:\/\/codermr.com\/index.php\/author\/coderma\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS \u57fa\u7840\uff08\u4e09\uff09\uff1aDisplay\u3001Position\u3001Overflow\u3001Float - \u7801\u5148\u751f\u7684\u535a\u5ba2","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":"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/","og_locale":"zh_CN","og_type":"article","og_title":"CSS \u57fa\u7840\uff08\u4e09\uff09\uff1aDisplay\u3001Position\u3001Overflow\u3001Float - \u7801\u5148\u751f\u7684\u535a\u5ba2","og_description":"\u3010\u4e00\u3011Display Display(\u663e\u793a)&nbsp;\u4e0e&nbsp;Visibility\uff08\u53ef\u89c1\u6027\uff09 \u9690\u85cf\u5143\u7d20...","og_url":"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/","og_site_name":"\u7801\u5148\u751f\u7684\u535a\u5ba2","article_published_time":"2024-07-27T08:10:12+00:00","article_modified_time":"2024-07-27T13:45:26+00:00","og_image":[{"width":410,"height":409,"url":"http:\/\/codermr.com\/wp-content\/uploads\/2024\/07\/css3.png","type":"image\/png"}],"author":"\u7801\u5148\u751f","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/mrcode2021","twitter_site":"@mrcode2021","twitter_misc":{"\u4f5c\u8005":"\u7801\u5148\u751f","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"6 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/#article","isPartOf":{"@id":"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/"},"author":{"name":"\u7801\u5148\u751f","@id":"http:\/\/codermr.com\/#\/schema\/person\/39016e15c79e4f02d1ed3a64688619bf"},"headline":"CSS \u57fa\u7840\uff08\u4e09\uff09\uff1aDisplay\u3001Position\u3001Overflow\u3001Float","datePublished":"2024-07-27T08:10:12+00:00","dateModified":"2024-07-27T13:45:26+00:00","mainEntityOfPage":{"@id":"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/"},"wordCount":320,"commentCount":0,"publisher":{"@id":"http:\/\/codermr.com\/#\/schema\/person\/39016e15c79e4f02d1ed3a64688619bf"},"keywords":["html_css_js"],"articleSection":["\u524d\u7aef\u6280\u672f"],"inLanguage":"zh-Hans","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/","url":"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/","name":"CSS \u57fa\u7840\uff08\u4e09\uff09\uff1aDisplay\u3001Position\u3001Overflow\u3001Float - \u7801\u5148\u751f\u7684\u535a\u5ba2","isPartOf":{"@id":"http:\/\/codermr.com\/#website"},"datePublished":"2024-07-27T08:10:12+00:00","dateModified":"2024-07-27T13:45:26+00:00","breadcrumb":{"@id":"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/codermr.com\/index.php\/2024\/07\/27\/css_article3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"http:\/\/codermr.com\/"},{"@type":"ListItem","position":2,"name":"CSS \u57fa\u7840\uff08\u4e09\uff09\uff1aDisplay\u3001Position\u3001Overflow\u3001Float"}]},{"@type":"WebSite","@id":"http:\/\/codermr.com\/#website","url":"http:\/\/codermr.com\/","name":"\u7801\u5148\u751f\u7684\u535a\u5ba2","description":"\u6b22 \u8fce \u4e0b \u8f7d \u6211 \u5f00 \u53d1 \u7684 \u5404 \u7aef \u8f6f \u4ef6 \u548c APP","publisher":{"@id":"http:\/\/codermr.com\/#\/schema\/person\/39016e15c79e4f02d1ed3a64688619bf"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/codermr.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":["Person","Organization"],"@id":"http:\/\/codermr.com\/#\/schema\/person\/39016e15c79e4f02d1ed3a64688619bf","name":"\u7801\u5148\u751f","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"http:\/\/codermr.com\/#\/schema\/person\/image\/","url":"http:\/\/codermr.com\/wp-content\/uploads\/2023\/02\/wukong.jpg","contentUrl":"http:\/\/codermr.com\/wp-content\/uploads\/2023\/02\/wukong.jpg","width":400,"height":400,"caption":"\u7801\u5148\u751f"},"logo":{"@id":"http:\/\/codermr.com\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/codermr.com","https:\/\/twitter.com\/https:\/\/twitter.com\/mrcode2021"],"url":"http:\/\/codermr.com\/index.php\/author\/coderma\/"}]}},"_links":{"self":[{"href":"http:\/\/codermr.com\/index.php\/wp-json\/wp\/v2\/posts\/1109"}],"collection":[{"href":"http:\/\/codermr.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/codermr.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/codermr.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/codermr.com\/index.php\/wp-json\/wp\/v2\/comments?post=1109"}],"version-history":[{"count":11,"href":"http:\/\/codermr.com\/index.php\/wp-json\/wp\/v2\/posts\/1109\/revisions"}],"predecessor-version":[{"id":1187,"href":"http:\/\/codermr.com\/index.php\/wp-json\/wp\/v2\/posts\/1109\/revisions\/1187"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/codermr.com\/index.php\/wp-json\/wp\/v2\/media\/1111"}],"wp:attachment":[{"href":"http:\/\/codermr.com\/index.php\/wp-json\/wp\/v2\/media?parent=1109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/codermr.com\/index.php\/wp-json\/wp\/v2\/categories?post=1109"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/codermr.com\/index.php\/wp-json\/wp\/v2\/tags?post=1109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}