{"id":168,"date":"2022-07-31T08:08:05","date_gmt":"2022-07-31T08:08:05","guid":{"rendered":"https:\/\/hugohabor.com\/?p=168"},"modified":"2024-05-04T14:53:46","modified_gmt":"2024-05-04T14:53:46","slug":"css-%e4%b8%bb%e8%bb%b8flex-direction","status":"publish","type":"post","link":"https:\/\/hugohabor.com\/?p=168","title":{"rendered":"CSS-\u4e3b\u8ef8Flex -direction"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u5728\u770bFlex-direction\u7684\u540c\u6642, \u6211\u5011\u5fc5\u9808\u5148\u641e\u6e05\u695a<strong> 2\u500bKeyword<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\">\u4e3b\u8ef8<\/li>\n\n\n\n<li class=\"\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\">\u4ea4\u932f\u8ef8<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u53c3\u8003\u8cc7\u6599: <strong>\u516d\u89d2\u5b78\u9662<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u4e3b\u8ef8<\/strong><\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"569\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E5%89%8D%E6%8F%90%E8%A6%81.png?resize=1024%2C569&#038;ssl=1\" alt=\"\" class=\"wp-image-169\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E5%89%8D%E6%8F%90%E8%A6%81.png?resize=1024%2C569&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E5%89%8D%E6%8F%90%E8%A6%81.png?resize=300%2C167&amp;ssl=1 300w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E5%89%8D%E6%8F%90%E8%A6%81.png?resize=768%2C427&amp;ssl=1 768w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E5%89%8D%E6%8F%90%E8%A6%81.png?w=1133&amp;ssl=1 1133w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u4ea4\u932f\u8ef8<\/strong><\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"398\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E4%BA%A4%E9%8C%AF%E8%BB%B8.png?resize=1024%2C398&#038;ssl=1\" alt=\"\" class=\"wp-image-170\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E4%BA%A4%E9%8C%AF%E8%BB%B8.png?resize=1024%2C398&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E4%BA%A4%E9%8C%AF%E8%BB%B8.png?resize=300%2C117&amp;ssl=1 300w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E4%BA%A4%E9%8C%AF%E8%BB%B8.png?resize=768%2C299&amp;ssl=1 768w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E4%BA%A4%E9%8C%AF%E8%BB%B8.png?resize=1200%2C467&amp;ssl=1 1200w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E4%BA%A4%E9%8C%AF%E8%BB%B8.png?w=1273&amp;ssl=1 1273w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\">\u4ea4\u932f\u8ef8: <strong>\u8207\u4e3b\u8ef8\u5782\u76f4\u7684\u8ef8<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\">\u4ea4\u932f\u8ef8\u4e4b\u5f8c\u6703\u518d\u4f86\u8ac7\u8ac7! <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">(\u4e3b\u8ef8)Flex-Direction<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\"><strong>Row\u65b9\u5411<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\"><strong>row\u7684\u610f\u601d<\/strong>:<strong> \u7531\u5de6\u5f80\u53f3\u6392\u5217<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"491\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default.png?resize=1024%2C491&#038;ssl=1\" alt=\"\" class=\"wp-image-172\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default.png?resize=1024%2C491&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default.png?resize=300%2C144&amp;ssl=1 300w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default.png?resize=768%2C368&amp;ssl=1 768w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default.png?resize=1536%2C736&amp;ssl=1 1536w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default.png?resize=1200%2C575&amp;ssl=1 1200w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default.png?w=1851&amp;ssl=1 1851w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Row-reverse \u65b9\u5411<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\">\u9867\u540d\u601d\u7fa9: \u5c07Row\u7684\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"482\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_row_reverse.png?resize=1024%2C482&#038;ssl=1\" alt=\"\" class=\"wp-image-173\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_row_reverse.png?resize=1024%2C482&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_row_reverse.png?resize=300%2C141&amp;ssl=1 300w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_row_reverse.png?resize=768%2C361&amp;ssl=1 768w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_row_reverse.png?resize=1536%2C722&amp;ssl=1 1536w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_row_reverse.png?resize=1200%2C564&amp;ssl=1 1200w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_row_reverse.png?w=1835&amp;ssl=1 1835w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Column\u65b9\u5411<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\">\u610f\u601d\u5c31\u662f: \u7531\u4e0a\u5230\u4e0b\u7684\u6392\u5217<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"502\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum.png?resize=1024%2C502&#038;ssl=1\" alt=\"\" class=\"wp-image-174\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum.png?resize=1024%2C502&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum.png?resize=300%2C147&amp;ssl=1 300w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum.png?resize=768%2C376&amp;ssl=1 768w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum.png?resize=1536%2C752&amp;ssl=1 1536w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum.png?resize=1200%2C588&amp;ssl=1 1200w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum.png?w=1807&amp;ssl=1 1807w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"763\" height=\"475\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8colum.png?resize=763%2C475&#038;ssl=1\" alt=\"\" class=\"wp-image-175\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8colum.png?w=763&amp;ssl=1 763w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8colum.png?resize=300%2C187&amp;ssl=1 300w\" sizes=\"auto, (max-width: 763px) 100vw, 763px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\"><kbd><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-primary-color\">Column-reverse<\/mark><\/strong><\/kbd><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\">\u9867\u540d\u601d\u7fa9:  \u5c07Column\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"507\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum-reverse.png?resize=1024%2C507&#038;ssl=1\" alt=\"\" class=\"wp-image-177\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum-reverse.png?resize=1024%2C507&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum-reverse.png?resize=300%2C149&amp;ssl=1 300w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum-reverse.png?resize=768%2C380&amp;ssl=1 768w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum-reverse.png?resize=1536%2C761&amp;ssl=1 1536w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum-reverse.png?resize=1200%2C594&amp;ssl=1 1200w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_colum-reverse.png?w=1823&amp;ssl=1 1823w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>\u7e3d\u7d50<br>\u672c\u7bc0\u4e3b\u8981\u662f\u5148\u8b93\u4f60\u770b\u904e\u7bc4\u4f8b\u77e5\u9053<br><strong>\u4e3b\u8ef8<\/strong>\u5728<strong>Flex\u6392\u5217<\/strong>\u88e1\u9762\u626e\u6f14\u7684\u89d2\u8272<br>\u63a5\u4e0b\u4f86\u5c07\u6703\u4ecb\u7d39<br><strong>Justify-content<\/strong>\/\u6c7a\u5b9a\u4e3b\u8ef8\u5c0d\u9f4a\u65b9\u5f0f\u3002<br><\/p><\/blockquote><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\u5728\u770bFlex-direction\u7684\u540c\u6642, \u6211\u5011\u5fc5\u9808\u5148\u641e\u6e05\u695a 2\u500bKeyword \u53c3\u8003\u8cc7\u6599: \u516d\u89d2\u5b78\u9662 \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u4ea4\u932f\u8ef8: \u8207\u4e3b\u8ef8\u5782\u76f4\u7684\u8ef8 \u4ea4\u932f\u8ef8\u4e4b\u5f8c\u6703\u518d\u4f86\u8ac7\u8ac7! (\u4e3b\u8ef8)Flex-Direction Row\u65b9\u5411 row\u7684\u610f\u601d: \u7531\u5de6\u5f80\u53f3\u6392\u5217 Row-reverse \u65b9\u5411 \u9867\u540d\u601d\u7fa9: \u5c07Row\u7684\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 Column\u65b9\u5411 \u610f\u601d\u5c31\u662f: \u7531\u4e0a\u5230\u4e0b\u7684\u6392\u5217 Column-reverse \u9867\u540d\u601d\u7fa9: \u5c07Column\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 \u7e3d\u7d50\u672c\u7bc0\u4e3b\u8981\u662f\u5148\u8b93\u4f60\u770b\u904e\u7bc4\u4f8b\u77e5\u9053\u4e3b\u8ef8\u5728Flex\u6392\u5217\u88e1\u9762\u626e\u6f14\u7684\u89d2\u8272\u63a5\u4e0b\u4f86\u5c07\u6703\u4ecb\u7d39Justify-content\/\u6c7a\u5b9a\u4e3b\u8ef8\u5c0d\u9f4a\u65b9\u5f0f\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_eb_attr":"","WB4WB4WP_MODE":"","WB4WP_PAGE_SCRIPTS":"","WB4WP_PAGE_STYLES":"","WB4WP_PAGE_FONTS":"","WB4WP_PAGE_HEADER":"","WB4WP_PAGE_FOOTER":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5],"tags":[12,11],"class_list":["post-168","post","type-post","status-publish","format-standard","hentry","category-css","tag-css","tag-flex"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u5728\u770bFlex-direction\u7684\u540c\u6642, \u6211\u5011\u5fc5\u9808\u5148\u641e\u6e05\u695a 2\u500bKeyword \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u53c3\u8003\u8cc7\u6599: \u516d\u89d2\u5b78\u9662 \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u4ea4\u932f\u8ef8: \u8207\u4e3b\u8ef8\u5782\u76f4\u7684\u8ef8 \u4ea4\u932f\u8ef8\u4e4b\u5f8c\u6703\u518d\u4f86\u8ac7\u8ac7! (\u4e3b\u8ef8)Flex-Direction Row\u65b9\u5411 row\u7684\u610f\u601d: \u7531\u5de6\u5f80\u53f3\u6392\u5217 Row-reverse \u65b9\u5411 \u9867\u540d\u601d\u7fa9: \u5c07Row\u7684\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 Column\u65b9\u5411 \u610f\u601d\u5c31\u662f: \u7531\u4e0a\u5230\u4e0b\u7684\u6392\u5217 Column-reverse \u9867\u540d\u601d\u7fa9: \u5c07Column\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"lioajimzen\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/hugohabor.com\/?p=168\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Hugo Habor -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor\" \/>\n\t\t<meta property=\"og:description\" content=\"\u5728\u770bFlex-direction\u7684\u540c\u6642, \u6211\u5011\u5fc5\u9808\u5148\u641e\u6e05\u695a 2\u500bKeyword \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u53c3\u8003\u8cc7\u6599: \u516d\u89d2\u5b78\u9662 \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u4ea4\u932f\u8ef8: \u8207\u4e3b\u8ef8\u5782\u76f4\u7684\u8ef8 \u4ea4\u932f\u8ef8\u4e4b\u5f8c\u6703\u518d\u4f86\u8ac7\u8ac7! (\u4e3b\u8ef8)Flex-Direction Row\u65b9\u5411 row\u7684\u610f\u601d: \u7531\u5de6\u5f80\u53f3\u6392\u5217 Row-reverse \u65b9\u5411 \u9867\u540d\u601d\u7fa9: \u5c07Row\u7684\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 Column\u65b9\u5411 \u610f\u601d\u5c31\u662f: \u7531\u4e0a\u5230\u4e0b\u7684\u6392\u5217 Column-reverse \u9867\u540d\u601d\u7fa9: \u5c07Column\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/hugohabor.com\/?p=168\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/hugohabor.com\/wp-content\/uploads\/2023\/04\/274991094_1520511498332602_3929754424052866637_n.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/hugohabor.com\/wp-content\/uploads\/2023\/04\/274991094_1520511498332602_3929754424052866637_n.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2022-07-31T08:08:05+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2024-05-04T14:53:46+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor\" \/>\n\t\t<meta name=\"twitter:description\" content=\"\u5728\u770bFlex-direction\u7684\u540c\u6642, \u6211\u5011\u5fc5\u9808\u5148\u641e\u6e05\u695a 2\u500bKeyword \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u53c3\u8003\u8cc7\u6599: \u516d\u89d2\u5b78\u9662 \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u4ea4\u932f\u8ef8: \u8207\u4e3b\u8ef8\u5782\u76f4\u7684\u8ef8 \u4ea4\u932f\u8ef8\u4e4b\u5f8c\u6703\u518d\u4f86\u8ac7\u8ac7! (\u4e3b\u8ef8)Flex-Direction Row\u65b9\u5411 row\u7684\u610f\u601d: \u7531\u5de6\u5f80\u53f3\u6392\u5217 Row-reverse \u65b9\u5411 \u9867\u540d\u601d\u7fa9: \u5c07Row\u7684\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 Column\u65b9\u5411 \u610f\u601d\u5c31\u662f: \u7531\u4e0a\u5230\u4e0b\u7684\u6392\u5217 Column-reverse \u9867\u540d\u601d\u7fa9: \u5c07Column\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/hugohabor.com\/wp-content\/uploads\/2023\/04\/274991094_1520511498332602_3929754424052866637_n.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#blogposting\",\"name\":\"CSS-\\u4e3b\\u8ef8Flex -direction - Hugo Habor\",\"headline\":\"CSS-\\u4e3b\\u8ef8Flex -direction\",\"author\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?author=1#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/%E4%B8%BB%E8%BB%B8_%E5%89%8D%E6%8F%90%E8%A6%81.png?fit=1133%2C630&ssl=1\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168\\\/#articleImage\",\"width\":1133,\"height\":630},\"datePublished\":\"2022-07-31T08:08:05+00:00\",\"dateModified\":\"2024-05-04T14:53:46+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#webpage\"},\"articleSection\":\"Front-End CSS, CSS, Flex\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hugohabor.com\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?cat=5#listItem\",\"name\":\"Front-End CSS\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?cat=5#listItem\",\"position\":2,\"name\":\"Front-End CSS\",\"item\":\"https:\\\/\\\/hugohabor.com\\\/?cat=5\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#listItem\",\"name\":\"CSS-\\u4e3b\\u8ef8Flex -direction\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#listItem\",\"position\":3,\"name\":\"CSS-\\u4e3b\\u8ef8Flex -direction\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?cat=5#listItem\",\"name\":\"Front-End CSS\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/#organization\",\"name\":\"Hugo Habor\",\"url\":\"https:\\\/\\\/hugohabor.com\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?author=1#author\",\"url\":\"https:\\\/\\\/hugohabor.com\\\/?author=1\",\"name\":\"lioajimzen\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5e05b09ba406383ee0db1294db14a85fc4351ecd5ad2d7ab030e112459281aec?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"lioajimzen\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#webpage\",\"url\":\"https:\\\/\\\/hugohabor.com\\\/?p=168\",\"name\":\"CSS-\\u4e3b\\u8ef8Flex -direction - Hugo Habor\",\"description\":\"\\u5728\\u770bFlex-direction\\u7684\\u540c\\u6642, \\u6211\\u5011\\u5fc5\\u9808\\u5148\\u641e\\u6e05\\u695a 2\\u500bKeyword \\u4e3b\\u8ef8 \\u4ea4\\u932f\\u8ef8 \\u53c3\\u8003\\u8cc7\\u6599: \\u516d\\u89d2\\u5b78\\u9662 \\u4e3b\\u8ef8 \\u4ea4\\u932f\\u8ef8 \\u4ea4\\u932f\\u8ef8: \\u8207\\u4e3b\\u8ef8\\u5782\\u76f4\\u7684\\u8ef8 \\u4ea4\\u932f\\u8ef8\\u4e4b\\u5f8c\\u6703\\u518d\\u4f86\\u8ac7\\u8ac7! (\\u4e3b\\u8ef8)Flex-Direction Row\\u65b9\\u5411 row\\u7684\\u610f\\u601d: \\u7531\\u5de6\\u5f80\\u53f3\\u6392\\u5217 Row-reverse \\u65b9\\u5411 \\u9867\\u540d\\u601d\\u7fa9: \\u5c07Row\\u7684\\u9806\\u5e8f\\u53cd\\u904e\\u4f86\\u6392\\u5217 Column\\u65b9\\u5411 \\u610f\\u601d\\u5c31\\u662f: \\u7531\\u4e0a\\u5230\\u4e0b\\u7684\\u6392\\u5217 Column-reverse \\u9867\\u540d\\u601d\\u7fa9: \\u5c07Column\\u9806\\u5e8f\\u53cd\\u904e\\u4f86\\u6392\\u5217\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?author=1#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?author=1#author\"},\"datePublished\":\"2022-07-31T08:08:05+00:00\",\"dateModified\":\"2024-05-04T14:53:46+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/#website\",\"url\":\"https:\\\/\\\/hugohabor.com\\\/\",\"name\":\"Hugo Habor\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor","description":"\u5728\u770bFlex-direction\u7684\u540c\u6642, \u6211\u5011\u5fc5\u9808\u5148\u641e\u6e05\u695a 2\u500bKeyword \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u53c3\u8003\u8cc7\u6599: \u516d\u89d2\u5b78\u9662 \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u4ea4\u932f\u8ef8: \u8207\u4e3b\u8ef8\u5782\u76f4\u7684\u8ef8 \u4ea4\u932f\u8ef8\u4e4b\u5f8c\u6703\u518d\u4f86\u8ac7\u8ac7! (\u4e3b\u8ef8)Flex-Direction Row\u65b9\u5411 row\u7684\u610f\u601d: \u7531\u5de6\u5f80\u53f3\u6392\u5217 Row-reverse \u65b9\u5411 \u9867\u540d\u601d\u7fa9: \u5c07Row\u7684\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 Column\u65b9\u5411 \u610f\u601d\u5c31\u662f: \u7531\u4e0a\u5230\u4e0b\u7684\u6392\u5217 Column-reverse \u9867\u540d\u601d\u7fa9: \u5c07Column\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217","canonical_url":"https:\/\/hugohabor.com\/?p=168","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/hugohabor.com\/?p=168#blogposting","name":"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor","headline":"CSS-\u4e3b\u8ef8Flex -direction","author":{"@id":"https:\/\/hugohabor.com\/?author=1#author"},"publisher":{"@id":"https:\/\/hugohabor.com\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/%E4%B8%BB%E8%BB%B8_%E5%89%8D%E6%8F%90%E8%A6%81.png?fit=1133%2C630&ssl=1","@id":"https:\/\/hugohabor.com\/?p=168\/#articleImage","width":1133,"height":630},"datePublished":"2022-07-31T08:08:05+00:00","dateModified":"2024-05-04T14:53:46+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/hugohabor.com\/?p=168#webpage"},"isPartOf":{"@id":"https:\/\/hugohabor.com\/?p=168#webpage"},"articleSection":"Front-End CSS, CSS, Flex"},{"@type":"BreadcrumbList","@id":"https:\/\/hugohabor.com\/?p=168#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/hugohabor.com\/#listItem","position":1,"name":"Home","item":"https:\/\/hugohabor.com\/","nextItem":{"@type":"ListItem","@id":"https:\/\/hugohabor.com\/?cat=5#listItem","name":"Front-End CSS"}},{"@type":"ListItem","@id":"https:\/\/hugohabor.com\/?cat=5#listItem","position":2,"name":"Front-End CSS","item":"https:\/\/hugohabor.com\/?cat=5","nextItem":{"@type":"ListItem","@id":"https:\/\/hugohabor.com\/?p=168#listItem","name":"CSS-\u4e3b\u8ef8Flex -direction"},"previousItem":{"@type":"ListItem","@id":"https:\/\/hugohabor.com\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/hugohabor.com\/?p=168#listItem","position":3,"name":"CSS-\u4e3b\u8ef8Flex -direction","previousItem":{"@type":"ListItem","@id":"https:\/\/hugohabor.com\/?cat=5#listItem","name":"Front-End CSS"}}]},{"@type":"Organization","@id":"https:\/\/hugohabor.com\/#organization","name":"Hugo Habor","url":"https:\/\/hugohabor.com\/"},{"@type":"Person","@id":"https:\/\/hugohabor.com\/?author=1#author","url":"https:\/\/hugohabor.com\/?author=1","name":"lioajimzen","image":{"@type":"ImageObject","@id":"https:\/\/hugohabor.com\/?p=168#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/5e05b09ba406383ee0db1294db14a85fc4351ecd5ad2d7ab030e112459281aec?s=96&d=mm&r=g","width":96,"height":96,"caption":"lioajimzen"}},{"@type":"WebPage","@id":"https:\/\/hugohabor.com\/?p=168#webpage","url":"https:\/\/hugohabor.com\/?p=168","name":"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor","description":"\u5728\u770bFlex-direction\u7684\u540c\u6642, \u6211\u5011\u5fc5\u9808\u5148\u641e\u6e05\u695a 2\u500bKeyword \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u53c3\u8003\u8cc7\u6599: \u516d\u89d2\u5b78\u9662 \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u4ea4\u932f\u8ef8: \u8207\u4e3b\u8ef8\u5782\u76f4\u7684\u8ef8 \u4ea4\u932f\u8ef8\u4e4b\u5f8c\u6703\u518d\u4f86\u8ac7\u8ac7! (\u4e3b\u8ef8)Flex-Direction Row\u65b9\u5411 row\u7684\u610f\u601d: \u7531\u5de6\u5f80\u53f3\u6392\u5217 Row-reverse \u65b9\u5411 \u9867\u540d\u601d\u7fa9: \u5c07Row\u7684\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 Column\u65b9\u5411 \u610f\u601d\u5c31\u662f: \u7531\u4e0a\u5230\u4e0b\u7684\u6392\u5217 Column-reverse \u9867\u540d\u601d\u7fa9: \u5c07Column\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/hugohabor.com\/#website"},"breadcrumb":{"@id":"https:\/\/hugohabor.com\/?p=168#breadcrumblist"},"author":{"@id":"https:\/\/hugohabor.com\/?author=1#author"},"creator":{"@id":"https:\/\/hugohabor.com\/?author=1#author"},"datePublished":"2022-07-31T08:08:05+00:00","dateModified":"2024-05-04T14:53:46+00:00"},{"@type":"WebSite","@id":"https:\/\/hugohabor.com\/#website","url":"https:\/\/hugohabor.com\/","name":"Hugo Habor","inLanguage":"en-US","publisher":{"@id":"https:\/\/hugohabor.com\/#organization"}}]},"og:locale":"en_US","og:site_name":"Hugo Habor -","og:type":"article","og:title":"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor","og:description":"\u5728\u770bFlex-direction\u7684\u540c\u6642, \u6211\u5011\u5fc5\u9808\u5148\u641e\u6e05\u695a 2\u500bKeyword \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u53c3\u8003\u8cc7\u6599: \u516d\u89d2\u5b78\u9662 \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u4ea4\u932f\u8ef8: \u8207\u4e3b\u8ef8\u5782\u76f4\u7684\u8ef8 \u4ea4\u932f\u8ef8\u4e4b\u5f8c\u6703\u518d\u4f86\u8ac7\u8ac7! (\u4e3b\u8ef8)Flex-Direction Row\u65b9\u5411 row\u7684\u610f\u601d: \u7531\u5de6\u5f80\u53f3\u6392\u5217 Row-reverse \u65b9\u5411 \u9867\u540d\u601d\u7fa9: \u5c07Row\u7684\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 Column\u65b9\u5411 \u610f\u601d\u5c31\u662f: \u7531\u4e0a\u5230\u4e0b\u7684\u6392\u5217 Column-reverse \u9867\u540d\u601d\u7fa9: \u5c07Column\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217","og:url":"https:\/\/hugohabor.com\/?p=168","og:image":"https:\/\/hugohabor.com\/wp-content\/uploads\/2023\/04\/274991094_1520511498332602_3929754424052866637_n.jpg","og:image:secure_url":"https:\/\/hugohabor.com\/wp-content\/uploads\/2023\/04\/274991094_1520511498332602_3929754424052866637_n.jpg","og:image:width":960,"og:image:height":960,"article:published_time":"2022-07-31T08:08:05+00:00","article:modified_time":"2024-05-04T14:53:46+00:00","twitter:card":"summary_large_image","twitter:title":"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor","twitter:description":"\u5728\u770bFlex-direction\u7684\u540c\u6642, \u6211\u5011\u5fc5\u9808\u5148\u641e\u6e05\u695a 2\u500bKeyword \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u53c3\u8003\u8cc7\u6599: \u516d\u89d2\u5b78\u9662 \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u4ea4\u932f\u8ef8: \u8207\u4e3b\u8ef8\u5782\u76f4\u7684\u8ef8 \u4ea4\u932f\u8ef8\u4e4b\u5f8c\u6703\u518d\u4f86\u8ac7\u8ac7! (\u4e3b\u8ef8)Flex-Direction Row\u65b9\u5411 row\u7684\u610f\u601d: \u7531\u5de6\u5f80\u53f3\u6392\u5217 Row-reverse \u65b9\u5411 \u9867\u540d\u601d\u7fa9: \u5c07Row\u7684\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 Column\u65b9\u5411 \u610f\u601d\u5c31\u662f: \u7531\u4e0a\u5230\u4e0b\u7684\u6392\u5217 Column-reverse \u9867\u540d\u601d\u7fa9: \u5c07Column\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217","twitter:image":"https:\/\/hugohabor.com\/wp-content\/uploads\/2023\/04\/274991094_1520511498332602_3929754424052866637_n.jpg"},"aioseo_meta_data":{"post_id":"168","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2026-03-09 19:03:23","updated":"2026-03-09 19:03:23","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/hugohabor.com\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/hugohabor.com\/?cat=5\" title=\"Front-End CSS\">Front-End CSS<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCSS-\u4e3b\u8ef8Flex -direction\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/hugohabor.com\/"},{"label":"Front-End CSS","link":"https:\/\/hugohabor.com\/?cat=5"},{"label":"CSS-\u4e3b\u8ef8Flex -direction","link":"https:\/\/hugohabor.com\/?p=168"}],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor<\/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:\/\/hugohabor.com\/?p=168\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor\" \/>\n<meta property=\"og:description\" content=\"\u5728\u770bFlex-direction\u7684\u540c\u6642, \u6211\u5011\u5fc5\u9808\u5148\u641e\u6e05\u695a 2\u500bKeyword \u53c3\u8003\u8cc7\u6599: \u516d\u89d2\u5b78\u9662 \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u4ea4\u932f\u8ef8: \u8207\u4e3b\u8ef8\u5782\u76f4\u7684\u8ef8 \u4ea4\u932f\u8ef8\u4e4b\u5f8c\u6703\u518d\u4f86\u8ac7\u8ac7! (\u4e3b\u8ef8)Flex-Direction Row\u65b9\u5411 row\u7684\u610f\u601d: \u7531\u5de6\u5f80\u53f3\u6392\u5217 Row-reverse \u65b9\u5411 \u9867\u540d\u601d\u7fa9: \u5c07Row\u7684\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 Column\u65b9\u5411 \u610f\u601d\u5c31\u662f: \u7531\u4e0a\u5230\u4e0b\u7684\u6392\u5217 Column-reverse \u9867\u540d\u601d\u7fa9: \u5c07Column\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 \u7e3d\u7d50\u672c\u7bc0\u4e3b\u8981\u662f\u5148\u8b93\u4f60\u770b\u904e\u7bc4\u4f8b\u77e5\u9053\u4e3b\u8ef8\u5728Flex\u6392\u5217\u88e1\u9762\u626e\u6f14\u7684\u89d2\u8272\u63a5\u4e0b\u4f86\u5c07\u6703\u4ecb\u7d39Justify-content\/\u6c7a\u5b9a\u4e3b\u8ef8\u5c0d\u9f4a\u65b9\u5f0f\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hugohabor.com\/?p=168\" \/>\n<meta property=\"og:site_name\" content=\"Hugo Habor\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-31T08:08:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-04T14:53:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default-1024x491.png\" \/>\n<meta name=\"author\" content=\"lioajimzen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"lioajimzen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168\"},\"author\":{\"name\":\"lioajimzen\",\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#\\\/schema\\\/person\\\/d87a724a8ca78e641cda8de55cf2114b\"},\"headline\":\"CSS-\u4e3b\u8ef8Flex -direction\",\"datePublished\":\"2022-07-31T08:08:05+00:00\",\"dateModified\":\"2024-05-04T14:53:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168\"},\"wordCount\":15,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Flex_direction_default-1024x491.png\",\"keywords\":[\"CSS\",\"Flex\"],\"articleSection\":[\"Front-End CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/hugohabor.com\\\/?p=168#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168\",\"url\":\"https:\\\/\\\/hugohabor.com\\\/?p=168\",\"name\":\"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Flex_direction_default-1024x491.png\",\"datePublished\":\"2022-07-31T08:08:05+00:00\",\"dateModified\":\"2024-05-04T14:53:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hugohabor.com\\\/?p=168\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Flex_direction_default.png?fit=1851%2C887&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/Flex_direction_default.png?fit=1851%2C887&ssl=1\",\"width\":1851,\"height\":887},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=168#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hugohabor.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS-\u4e3b\u8ef8Flex -direction\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#website\",\"url\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/\",\"name\":\"Hugo Habor\",\"description\":\"\",\"publisher\":{\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#organization\",\"name\":\"Hugo Habor\",\"url\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/274991094_1520511498332602_3929754424052866637_n.jpg?fit=960%2C960&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/274991094_1520511498332602_3929754424052866637_n.jpg?fit=960%2C960&ssl=1\",\"width\":960,\"height\":960,\"caption\":\"Hugo Habor\"},\"image\":{\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#\\\/schema\\\/person\\\/d87a724a8ca78e641cda8de55cf2114b\",\"name\":\"lioajimzen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5e05b09ba406383ee0db1294db14a85fc4351ecd5ad2d7ab030e112459281aec?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5e05b09ba406383ee0db1294db14a85fc4351ecd5ad2d7ab030e112459281aec?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5e05b09ba406383ee0db1294db14a85fc4351ecd5ad2d7ab030e112459281aec?s=96&d=mm&r=g\",\"caption\":\"lioajimzen\"},\"url\":\"https:\\\/\\\/hugohabor.com\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor","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:\/\/hugohabor.com\/?p=168","og_locale":"en_US","og_type":"article","og_title":"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor","og_description":"\u5728\u770bFlex-direction\u7684\u540c\u6642, \u6211\u5011\u5fc5\u9808\u5148\u641e\u6e05\u695a 2\u500bKeyword \u53c3\u8003\u8cc7\u6599: \u516d\u89d2\u5b78\u9662 \u4e3b\u8ef8 \u4ea4\u932f\u8ef8 \u4ea4\u932f\u8ef8: \u8207\u4e3b\u8ef8\u5782\u76f4\u7684\u8ef8 \u4ea4\u932f\u8ef8\u4e4b\u5f8c\u6703\u518d\u4f86\u8ac7\u8ac7! (\u4e3b\u8ef8)Flex-Direction Row\u65b9\u5411 row\u7684\u610f\u601d: \u7531\u5de6\u5f80\u53f3\u6392\u5217 Row-reverse \u65b9\u5411 \u9867\u540d\u601d\u7fa9: \u5c07Row\u7684\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 Column\u65b9\u5411 \u610f\u601d\u5c31\u662f: \u7531\u4e0a\u5230\u4e0b\u7684\u6392\u5217 Column-reverse \u9867\u540d\u601d\u7fa9: \u5c07Column\u9806\u5e8f\u53cd\u904e\u4f86\u6392\u5217 \u7e3d\u7d50\u672c\u7bc0\u4e3b\u8981\u662f\u5148\u8b93\u4f60\u770b\u904e\u7bc4\u4f8b\u77e5\u9053\u4e3b\u8ef8\u5728Flex\u6392\u5217\u88e1\u9762\u626e\u6f14\u7684\u89d2\u8272\u63a5\u4e0b\u4f86\u5c07\u6703\u4ecb\u7d39Justify-content\/\u6c7a\u5b9a\u4e3b\u8ef8\u5c0d\u9f4a\u65b9\u5f0f\u3002","og_url":"https:\/\/hugohabor.com\/?p=168","og_site_name":"Hugo Habor","article_published_time":"2022-07-31T08:08:05+00:00","article_modified_time":"2024-05-04T14:53:46+00:00","og_image":[{"url":"https:\/\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default-1024x491.png","type":"","width":"","height":""}],"author":"lioajimzen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"lioajimzen","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hugohabor.com\/?p=168#article","isPartOf":{"@id":"https:\/\/hugohabor.com\/?p=168"},"author":{"name":"lioajimzen","@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#\/schema\/person\/d87a724a8ca78e641cda8de55cf2114b"},"headline":"CSS-\u4e3b\u8ef8Flex -direction","datePublished":"2022-07-31T08:08:05+00:00","dateModified":"2024-05-04T14:53:46+00:00","mainEntityOfPage":{"@id":"https:\/\/hugohabor.com\/?p=168"},"wordCount":15,"commentCount":0,"publisher":{"@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#organization"},"image":{"@id":"https:\/\/hugohabor.com\/?p=168#primaryimage"},"thumbnailUrl":"https:\/\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default-1024x491.png","keywords":["CSS","Flex"],"articleSection":["Front-End CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hugohabor.com\/?p=168#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hugohabor.com\/?p=168","url":"https:\/\/hugohabor.com\/?p=168","name":"CSS-\u4e3b\u8ef8Flex -direction - Hugo Habor","isPartOf":{"@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hugohabor.com\/?p=168#primaryimage"},"image":{"@id":"https:\/\/hugohabor.com\/?p=168#primaryimage"},"thumbnailUrl":"https:\/\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default-1024x491.png","datePublished":"2022-07-31T08:08:05+00:00","dateModified":"2024-05-04T14:53:46+00:00","breadcrumb":{"@id":"https:\/\/hugohabor.com\/?p=168#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hugohabor.com\/?p=168"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hugohabor.com\/?p=168#primaryimage","url":"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default.png?fit=1851%2C887&ssl=1","contentUrl":"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2022\/07\/Flex_direction_default.png?fit=1851%2C887&ssl=1","width":1851,"height":887},{"@type":"BreadcrumbList","@id":"https:\/\/hugohabor.com\/?p=168#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hugohabor.com\/"},{"@type":"ListItem","position":2,"name":"CSS-\u4e3b\u8ef8Flex -direction"}]},{"@type":"WebSite","@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#website","url":"http:\/\/box2025.temp.domains\/~hugohabo\/","name":"Hugo Habor","description":"","publisher":{"@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/box2025.temp.domains\/~hugohabo\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#organization","name":"Hugo Habor","url":"http:\/\/box2025.temp.domains\/~hugohabo\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/04\/274991094_1520511498332602_3929754424052866637_n.jpg?fit=960%2C960&ssl=1","contentUrl":"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/04\/274991094_1520511498332602_3929754424052866637_n.jpg?fit=960%2C960&ssl=1","width":960,"height":960,"caption":"Hugo Habor"},"image":{"@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#\/schema\/person\/d87a724a8ca78e641cda8de55cf2114b","name":"lioajimzen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5e05b09ba406383ee0db1294db14a85fc4351ecd5ad2d7ab030e112459281aec?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5e05b09ba406383ee0db1294db14a85fc4351ecd5ad2d7ab030e112459281aec?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5e05b09ba406383ee0db1294db14a85fc4351ecd5ad2d7ab030e112459281aec?s=96&d=mm&r=g","caption":"lioajimzen"},"url":"https:\/\/hugohabor.com\/?author=1"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/hugohabor.com\/index.php?rest_route=\/wp\/v2\/posts\/168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hugohabor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hugohabor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hugohabor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hugohabor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=168"}],"version-history":[{"count":5,"href":"https:\/\/hugohabor.com\/index.php?rest_route=\/wp\/v2\/posts\/168\/revisions"}],"predecessor-version":[{"id":2134,"href":"https:\/\/hugohabor.com\/index.php?rest_route=\/wp\/v2\/posts\/168\/revisions\/2134"}],"wp:attachment":[{"href":"https:\/\/hugohabor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hugohabor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hugohabor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}