{"id":476,"date":"2022-09-21T14:37:26","date_gmt":"2022-09-21T14:37:26","guid":{"rendered":"https:\/\/hugohabor.com\/?p=476"},"modified":"2023-11-05T07:31:55","modified_gmt":"2023-11-05T07:31:55","slug":"css-align-item-%e5%b0%8d%e9%bd%8a%e7%89%a9%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/hugohabor.com\/?p=476","title":{"rendered":"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"900\" height=\"527\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png?resize=900%2C527&#038;ssl=1\" alt=\"\" class=\"wp-image-2206\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png?w=900&amp;ssl=1 900w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png?resize=300%2C176&amp;ssl=1 300w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png?resize=768%2C450&amp;ssl=1 768w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png?resize=600%2C351&amp;ssl=1 600w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects\">https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u9996\u5148\u8907\u7fd2\u4e00\u4e0b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\"><br>\u4e4b\u524d\u90fd\u5728\u7814\u7a76Justify-content \u662f\u5c6c\u65bc X\u8ef8 \u4e3b\u8ef8\u65b9\u5411\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\">\u9019\u4e00\u7bc7\u4e3b\u8981\u8b1b\u8ff0 Y\u8ef8 \u4e5f\u5c31\u662f\u4ea4\u932f\u8ef8! <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"368\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_axes01.png?resize=1024%2C368&#038;ssl=1\" alt=\"\" class=\"wp-image-2190\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_axes01.png?resize=1024%2C368&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_axes01.png?resize=300%2C108&amp;ssl=1 300w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_axes01.png?resize=768%2C276&amp;ssl=1 768w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_axes01.png?resize=600%2C216&amp;ssl=1 600w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_axes01.png?w=1430&amp;ssl=1 1430w\" 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=\"994\" height=\"606\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_%E7%A4%BA%E7%AF%84%E5%9F%8E%E5%B8%82.png?resize=994%2C606&#038;ssl=1\" alt=\"\" class=\"wp-image-2202\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_%E7%A4%BA%E7%AF%84%E5%9F%8E%E5%B8%82.png?w=994&amp;ssl=1 994w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_%E7%A4%BA%E7%AF%84%E5%9F%8E%E5%B8%82.png?resize=300%2C183&amp;ssl=1 300w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_%E7%A4%BA%E7%AF%84%E5%9F%8E%E5%B8%82.png?resize=768%2C468&amp;ssl=1 768w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_%E7%A4%BA%E7%AF%84%E5%9F%8E%E5%B8%82.png?resize=600%2C366&amp;ssl=1 600w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">MDN_Web \u6f14\u793a\u7bc4\u4f8b<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"804\" height=\"712\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item02.png?resize=804%2C712&#038;ssl=1\" alt=\"\" class=\"wp-image-2199\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item02.png?w=804&amp;ssl=1 804w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item02.png?resize=300%2C266&amp;ssl=1 300w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item02.png?resize=768%2C680&amp;ssl=1 768w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item02.png?resize=600%2C531&amp;ssl=1 600w\" sizes=\"auto, (max-width: 804px) 100vw, 804px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items\">https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">HTML \u6587\u672c<\/h3>\n\n\n\n<pre class=\"wp-block-code alignwide has-black-color has-orange-background-color has-text-color has-background\"><code>&lt;ul class=\"menu\"&gt;\n  &lt;li&gt;&lt;a href=\"#\"&gt;\u9996\u9801&lt;\/a&gt;&lt;\/li&gt;\n  &lt;li&gt;&lt;a href=\"#\"&gt;\u653f\u6cbb&lt;\/a&gt;&lt;\/li&gt;\n  &lt;li&gt;&lt;a href=\"#\"&gt;\u5a1b\u6a02&lt;\/a&gt;&lt;\/li&gt;\n  &lt;li&gt;&lt;a href=\"#\"&gt;\u8ad6\u58c7&lt;\/a&gt;&lt;\/li&gt;\n  &lt;li&gt;&lt;a href=\"#\"&gt;\u8ca1\u7d93&lt;\/a&gt;&lt;\/li&gt;\n  &lt;li&gt;&lt;a href=\"#\"&gt;\u904b\u52d5&lt;\/a&gt;&lt;\/li&gt;\n&lt;\/ul&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">CSS \u88dd\u98fe\u8a9e\u8a00<\/h3>\n\n\n\n<pre class=\"wp-block-code alignwide has-black-color has-green-background-color has-text-color has-background\"><code>.menu{\n    display: flex;\n    background: greenyellow;\n    width: 1000px;\n    margin: 0 auto;\n    padding: 50px;\n\n    flex-direction:column;\n    justify-content:flex-start;\n    flex-wrap: nowrap;\n\n    align-items:center;\n  }\n\n\n  .menu li{\n    background: rgb(31, 161, 231);\n    font-size: 30px;\n    width: 600px;\n    text-align: center;\n    margin: 10px;\n  }\n\n  .menu li a{\n    margin: 6px;\n    display: block;\n    background: #4a4afc;\n    padding-top: 5px;\n    padding-bottom: 10px;\n    text-decoration: none;\n    color: #FFFFFF;\n  }\n  .menu li a:hover{\n    background: #6A6AFF;  \n    color: #ADADAD;\n   }<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">\u6f14\u793a\u7d50\u679c<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"1024\" height=\"378\" loading=\"lazy\" src=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_express-sample.png?resize=1024%2C378&#038;ssl=1\" alt=\"\" class=\"wp-image-2197\" style=\"aspect-ratio:2.708994708994709;width:915px;height:auto\" srcset=\"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_express-sample.png?resize=1024%2C378&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_express-sample.png?resize=300%2C111&amp;ssl=1 300w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_express-sample.png?resize=768%2C284&amp;ssl=1 768w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_express-sample.png?resize=1536%2C567&amp;ssl=1 1536w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_express-sample.png?resize=600%2C222&amp;ssl=1 600w, https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align_item_express-sample.png?w=1882&amp;ssl=1 1882w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects \u9996\u5148\u8907\u7fd2\u4e00\u4e0b \u4e4b\u524d\u90fd\u5728\u7814\u7a76Justify-content \u662f\u5c6c\u65bc X\u8ef8 \u4e3b\u8ef8\u65b9\u5411\u3002 \u9019\u4e00\u7bc7\u4e3b\u8981\u8b1b\u8ff0 Y\u8ef8 \u4e5f\u5c31\u662f\u4ea4\u932f\u8ef8! MDN_Web \u6f14\u793a\u7bc4\u4f8b https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items HTML \u6587\u672c CSS \u88dd\u98fe\u8a9e\u8a00 \u6f14\u793a\u7d50\u679c<\/p>\n","protected":false},"author":1,"featured_media":2206,"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":[43,12,118],"class_list":["post-476","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","tag-align-item","tag-css","tag-yaxes"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects \u9996\u5148\u8907\u7fd2\u4e00\u4e0b \u4e4b\u524d\u90fd\u5728\u7814\u7a76Justify-content \u662f\u5c6c\u65bc X\u8ef8 \u4e3b\u8ef8\u65b9\u5411\u3002 \u9019\u4e00\u7bc7\u4e3b\u8981\u8b1b\u8ff0 Y\u8ef8 \u4e5f\u5c31\u662f\u4ea4\u932f\u8ef8! MDN_Web \u6f14\u793a\u7bc4\u4f8b https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items HTML \u6587\u672c \u9996\u9801 \u653f\u6cbb \u5a1b\u6a02 \u8ad6\u58c7 \u8ca1\u7d93 \u904b\u52d5 CSS \u88dd\u98fe\u8a9e\u8a00 .menu{ display: flex; background: greenyellow; width: 1000px; margin: 0 auto; padding: 50px; flex-direction:column; justify-content:flex-start; flex-wrap: nowrap; align-items:center; } .menu li{ background: rgb(31, 161, 231);\" \/>\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=476\" \/>\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-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - Hugo Habor\" \/>\n\t\t<meta property=\"og:description\" content=\"https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects \u9996\u5148\u8907\u7fd2\u4e00\u4e0b \u4e4b\u524d\u90fd\u5728\u7814\u7a76Justify-content \u662f\u5c6c\u65bc X\u8ef8 \u4e3b\u8ef8\u65b9\u5411\u3002 \u9019\u4e00\u7bc7\u4e3b\u8981\u8b1b\u8ff0 Y\u8ef8 \u4e5f\u5c31\u662f\u4ea4\u932f\u8ef8! MDN_Web \u6f14\u793a\u7bc4\u4f8b https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items HTML \u6587\u672c \u9996\u9801 \u653f\u6cbb \u5a1b\u6a02 \u8ad6\u58c7 \u8ca1\u7d93 \u904b\u52d5 CSS \u88dd\u98fe\u8a9e\u8a00 .menu{ display: flex; background: greenyellow; width: 1000px; margin: 0 auto; padding: 50px; flex-direction:column; justify-content:flex-start; flex-wrap: nowrap; align-items:center; } .menu li{ background: rgb(31, 161, 231);\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/hugohabor.com\/?p=476\" \/>\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-09-21T14:37:26+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2023-11-05T07:31:55+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - Hugo Habor\" \/>\n\t\t<meta name=\"twitter:description\" content=\"https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects \u9996\u5148\u8907\u7fd2\u4e00\u4e0b \u4e4b\u524d\u90fd\u5728\u7814\u7a76Justify-content \u662f\u5c6c\u65bc X\u8ef8 \u4e3b\u8ef8\u65b9\u5411\u3002 \u9019\u4e00\u7bc7\u4e3b\u8981\u8b1b\u8ff0 Y\u8ef8 \u4e5f\u5c31\u662f\u4ea4\u932f\u8ef8! MDN_Web \u6f14\u793a\u7bc4\u4f8b https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items HTML \u6587\u672c \u9996\u9801 \u653f\u6cbb \u5a1b\u6a02 \u8ad6\u58c7 \u8ca1\u7d93 \u904b\u52d5 CSS \u88dd\u98fe\u8a9e\u8a00 .menu{ display: flex; background: greenyellow; width: 1000px; margin: 0 auto; padding: 50px; flex-direction:column; justify-content:flex-start; flex-wrap: nowrap; align-items:center; } .menu li{ background: rgb(31, 161, 231);\" \/>\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=476#blogposting\",\"name\":\"CSS-Align Item \\u5c0d\\u9f4a\\u6a19\\u7c64\\u5167\\u5bb9 - Hugo Habor\",\"headline\":\"CSS-Align Item \\u5c0d\\u9f4a\\u6a19\\u7c64\\u5167\\u5bb9\",\"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\\\/2023\\\/11\\\/align.png?fit=900%2C527&ssl=1\",\"width\":900,\"height\":527},\"datePublished\":\"2022-09-21T14:37:26+00:00\",\"dateModified\":\"2023-11-05T07:31:55+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#webpage\"},\"articleSection\":\"Front-End CSS, Align-Item, CSS, YAxes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#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=476#listItem\",\"name\":\"CSS-Align Item \\u5c0d\\u9f4a\\u6a19\\u7c64\\u5167\\u5bb9\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#listItem\",\"position\":3,\"name\":\"CSS-Align Item \\u5c0d\\u9f4a\\u6a19\\u7c64\\u5167\\u5bb9\",\"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=476#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=476#webpage\",\"url\":\"https:\\\/\\\/hugohabor.com\\\/?p=476\",\"name\":\"CSS-Align Item \\u5c0d\\u9f4a\\u6a19\\u7c64\\u5167\\u5bb9 - Hugo Habor\",\"description\":\"https:\\\/\\\/affinity.help\\\/designer\\\/en-US.lproj\\\/index.html?page=pages\\\/ObjectControl\\\/align.html?title=Aligning%20objects \\u9996\\u5148\\u8907\\u7fd2\\u4e00\\u4e0b \\u4e4b\\u524d\\u90fd\\u5728\\u7814\\u7a76Justify-content \\u662f\\u5c6c\\u65bc X\\u8ef8 \\u4e3b\\u8ef8\\u65b9\\u5411\\u3002 \\u9019\\u4e00\\u7bc7\\u4e3b\\u8981\\u8b1b\\u8ff0 Y\\u8ef8 \\u4e5f\\u5c31\\u662f\\u4ea4\\u932f\\u8ef8! MDN_Web \\u6f14\\u793a\\u7bc4\\u4f8b https:\\\/\\\/developer.mozilla.org\\\/en-US\\\/docs\\\/Web\\\/CSS\\\/align-items HTML \\u6587\\u672c \\u9996\\u9801 \\u653f\\u6cbb \\u5a1b\\u6a02 \\u8ad6\\u58c7 \\u8ca1\\u7d93 \\u904b\\u52d5 CSS \\u88dd\\u98fe\\u8a9e\\u8a00 .menu{ display: flex; background: greenyellow; width: 1000px; margin: 0 auto; padding: 50px; flex-direction:column; justify-content:flex-start; flex-wrap: nowrap; align-items:center; } .menu li{ background: rgb(31, 161, 231);\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?author=1#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?author=1#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/align.png?fit=900%2C527&ssl=1\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476\\\/#mainImage\",\"width\":900,\"height\":527},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#mainImage\"},\"datePublished\":\"2022-09-21T14:37:26+00:00\",\"dateModified\":\"2023-11-05T07:31:55+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-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - Hugo Habor","description":"https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects \u9996\u5148\u8907\u7fd2\u4e00\u4e0b \u4e4b\u524d\u90fd\u5728\u7814\u7a76Justify-content \u662f\u5c6c\u65bc X\u8ef8 \u4e3b\u8ef8\u65b9\u5411\u3002 \u9019\u4e00\u7bc7\u4e3b\u8981\u8b1b\u8ff0 Y\u8ef8 \u4e5f\u5c31\u662f\u4ea4\u932f\u8ef8! MDN_Web \u6f14\u793a\u7bc4\u4f8b https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items HTML \u6587\u672c \u9996\u9801 \u653f\u6cbb \u5a1b\u6a02 \u8ad6\u58c7 \u8ca1\u7d93 \u904b\u52d5 CSS \u88dd\u98fe\u8a9e\u8a00 .menu{ display: flex; background: greenyellow; width: 1000px; margin: 0 auto; padding: 50px; flex-direction:column; justify-content:flex-start; flex-wrap: nowrap; align-items:center; } .menu li{ background: rgb(31, 161, 231);","canonical_url":"https:\/\/hugohabor.com\/?p=476","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/hugohabor.com\/?p=476#blogposting","name":"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - Hugo Habor","headline":"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9","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\/2023\/11\/align.png?fit=900%2C527&ssl=1","width":900,"height":527},"datePublished":"2022-09-21T14:37:26+00:00","dateModified":"2023-11-05T07:31:55+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/hugohabor.com\/?p=476#webpage"},"isPartOf":{"@id":"https:\/\/hugohabor.com\/?p=476#webpage"},"articleSection":"Front-End CSS, Align-Item, CSS, YAxes"},{"@type":"BreadcrumbList","@id":"https:\/\/hugohabor.com\/?p=476#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=476#listItem","name":"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9"},"previousItem":{"@type":"ListItem","@id":"https:\/\/hugohabor.com\/#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/hugohabor.com\/?p=476#listItem","position":3,"name":"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9","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=476#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=476#webpage","url":"https:\/\/hugohabor.com\/?p=476","name":"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - Hugo Habor","description":"https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects \u9996\u5148\u8907\u7fd2\u4e00\u4e0b \u4e4b\u524d\u90fd\u5728\u7814\u7a76Justify-content \u662f\u5c6c\u65bc X\u8ef8 \u4e3b\u8ef8\u65b9\u5411\u3002 \u9019\u4e00\u7bc7\u4e3b\u8981\u8b1b\u8ff0 Y\u8ef8 \u4e5f\u5c31\u662f\u4ea4\u932f\u8ef8! MDN_Web \u6f14\u793a\u7bc4\u4f8b https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items HTML \u6587\u672c \u9996\u9801 \u653f\u6cbb \u5a1b\u6a02 \u8ad6\u58c7 \u8ca1\u7d93 \u904b\u52d5 CSS \u88dd\u98fe\u8a9e\u8a00 .menu{ display: flex; background: greenyellow; width: 1000px; margin: 0 auto; padding: 50px; flex-direction:column; justify-content:flex-start; flex-wrap: nowrap; align-items:center; } .menu li{ background: rgb(31, 161, 231);","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/hugohabor.com\/#website"},"breadcrumb":{"@id":"https:\/\/hugohabor.com\/?p=476#breadcrumblist"},"author":{"@id":"https:\/\/hugohabor.com\/?author=1#author"},"creator":{"@id":"https:\/\/hugohabor.com\/?author=1#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png?fit=900%2C527&ssl=1","@id":"https:\/\/hugohabor.com\/?p=476\/#mainImage","width":900,"height":527},"primaryImageOfPage":{"@id":"https:\/\/hugohabor.com\/?p=476#mainImage"},"datePublished":"2022-09-21T14:37:26+00:00","dateModified":"2023-11-05T07:31:55+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-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - Hugo Habor","og:description":"https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects \u9996\u5148\u8907\u7fd2\u4e00\u4e0b \u4e4b\u524d\u90fd\u5728\u7814\u7a76Justify-content \u662f\u5c6c\u65bc X\u8ef8 \u4e3b\u8ef8\u65b9\u5411\u3002 \u9019\u4e00\u7bc7\u4e3b\u8981\u8b1b\u8ff0 Y\u8ef8 \u4e5f\u5c31\u662f\u4ea4\u932f\u8ef8! MDN_Web \u6f14\u793a\u7bc4\u4f8b https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items HTML \u6587\u672c \u9996\u9801 \u653f\u6cbb \u5a1b\u6a02 \u8ad6\u58c7 \u8ca1\u7d93 \u904b\u52d5 CSS \u88dd\u98fe\u8a9e\u8a00 .menu{ display: flex; background: greenyellow; width: 1000px; margin: 0 auto; padding: 50px; flex-direction:column; justify-content:flex-start; flex-wrap: nowrap; align-items:center; } .menu li{ background: rgb(31, 161, 231);","og:url":"https:\/\/hugohabor.com\/?p=476","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-09-21T14:37:26+00:00","article:modified_time":"2023-11-05T07:31:55+00:00","twitter:card":"summary_large_image","twitter:title":"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - Hugo Habor","twitter:description":"https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects \u9996\u5148\u8907\u7fd2\u4e00\u4e0b \u4e4b\u524d\u90fd\u5728\u7814\u7a76Justify-content \u662f\u5c6c\u65bc X\u8ef8 \u4e3b\u8ef8\u65b9\u5411\u3002 \u9019\u4e00\u7bc7\u4e3b\u8981\u8b1b\u8ff0 Y\u8ef8 \u4e5f\u5c31\u662f\u4ea4\u932f\u8ef8! MDN_Web \u6f14\u793a\u7bc4\u4f8b https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items HTML \u6587\u672c \u9996\u9801 \u653f\u6cbb \u5a1b\u6a02 \u8ad6\u58c7 \u8ca1\u7d93 \u904b\u52d5 CSS \u88dd\u98fe\u8a9e\u8a00 .menu{ display: flex; background: greenyellow; width: 1000px; margin: 0 auto; padding: 50px; flex-direction:column; justify-content:flex-start; flex-wrap: nowrap; align-items:center; } .menu li{ background: rgb(31, 161, 231);","twitter:image":"https:\/\/hugohabor.com\/wp-content\/uploads\/2023\/04\/274991094_1520511498332602_3929754424052866637_n.jpg"},"aioseo_meta_data":{"post_id":"476","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:13:24","updated":"2026-03-09 19:13:24","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-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9\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-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9","link":"https:\/\/hugohabor.com\/?p=476"}],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - 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=476\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - Hugo Habor\" \/>\n<meta property=\"og:description\" content=\"https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects \u9996\u5148\u8907\u7fd2\u4e00\u4e0b \u4e4b\u524d\u90fd\u5728\u7814\u7a76Justify-content \u662f\u5c6c\u65bc X\u8ef8 \u4e3b\u8ef8\u65b9\u5411\u3002 \u9019\u4e00\u7bc7\u4e3b\u8981\u8b1b\u8ff0 Y\u8ef8 \u4e5f\u5c31\u662f\u4ea4\u932f\u8ef8! MDN_Web \u6f14\u793a\u7bc4\u4f8b https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items HTML \u6587\u672c CSS \u88dd\u98fe\u8a9e\u8a00 \u6f14\u793a\u7d50\u679c\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hugohabor.com\/?p=476\" \/>\n<meta property=\"og:site_name\" content=\"Hugo Habor\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-21T14:37:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-05T07:31:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"527\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=476#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476\"},\"author\":{\"name\":\"lioajimzen\",\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#\\\/schema\\\/person\\\/d87a724a8ca78e641cda8de55cf2114b\"},\"headline\":\"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9\",\"datePublished\":\"2022-09-21T14:37:26+00:00\",\"dateModified\":\"2023-11-05T07:31:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476\"},\"wordCount\":34,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/align.png?fit=900%2C527&ssl=1\",\"keywords\":[\"Align-Item\",\"CSS\",\"YAxes\"],\"articleSection\":[\"Front-End CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/hugohabor.com\\\/?p=476#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476\",\"url\":\"https:\\\/\\\/hugohabor.com\\\/?p=476\",\"name\":\"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - Hugo Habor\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/box2025.temp.domains\\\/~hugohabo\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/align.png?fit=900%2C527&ssl=1\",\"datePublished\":\"2022-09-21T14:37:26+00:00\",\"dateModified\":\"2023-11-05T07:31:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hugohabor.com\\\/?p=476\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/align.png?fit=900%2C527&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/hugohabor.com\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/align.png?fit=900%2C527&ssl=1\",\"width\":900,\"height\":527},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hugohabor.com\\\/?p=476#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hugohabor.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9\"}]},{\"@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-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - 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=476","og_locale":"en_US","og_type":"article","og_title":"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - Hugo Habor","og_description":"https:\/\/affinity.help\/designer\/en-US.lproj\/index.html?page=pages\/ObjectControl\/align.html?title=Aligning%20objects \u9996\u5148\u8907\u7fd2\u4e00\u4e0b \u4e4b\u524d\u90fd\u5728\u7814\u7a76Justify-content \u662f\u5c6c\u65bc X\u8ef8 \u4e3b\u8ef8\u65b9\u5411\u3002 \u9019\u4e00\u7bc7\u4e3b\u8981\u8b1b\u8ff0 Y\u8ef8 \u4e5f\u5c31\u662f\u4ea4\u932f\u8ef8! MDN_Web \u6f14\u793a\u7bc4\u4f8b https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/align-items HTML \u6587\u672c CSS \u88dd\u98fe\u8a9e\u8a00 \u6f14\u793a\u7d50\u679c","og_url":"https:\/\/hugohabor.com\/?p=476","og_site_name":"Hugo Habor","article_published_time":"2022-09-21T14:37:26+00:00","article_modified_time":"2023-11-05T07:31:55+00:00","og_image":[{"width":900,"height":527,"url":"https:\/\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png","type":"image\/png"}],"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=476#article","isPartOf":{"@id":"https:\/\/hugohabor.com\/?p=476"},"author":{"name":"lioajimzen","@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#\/schema\/person\/d87a724a8ca78e641cda8de55cf2114b"},"headline":"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9","datePublished":"2022-09-21T14:37:26+00:00","dateModified":"2023-11-05T07:31:55+00:00","mainEntityOfPage":{"@id":"https:\/\/hugohabor.com\/?p=476"},"wordCount":34,"commentCount":0,"publisher":{"@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#organization"},"image":{"@id":"https:\/\/hugohabor.com\/?p=476#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png?fit=900%2C527&ssl=1","keywords":["Align-Item","CSS","YAxes"],"articleSection":["Front-End CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hugohabor.com\/?p=476#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hugohabor.com\/?p=476","url":"https:\/\/hugohabor.com\/?p=476","name":"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9 - Hugo Habor","isPartOf":{"@id":"http:\/\/box2025.temp.domains\/~hugohabo\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hugohabor.com\/?p=476#primaryimage"},"image":{"@id":"https:\/\/hugohabor.com\/?p=476#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png?fit=900%2C527&ssl=1","datePublished":"2022-09-21T14:37:26+00:00","dateModified":"2023-11-05T07:31:55+00:00","breadcrumb":{"@id":"https:\/\/hugohabor.com\/?p=476#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hugohabor.com\/?p=476"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hugohabor.com\/?p=476#primaryimage","url":"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png?fit=900%2C527&ssl=1","contentUrl":"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png?fit=900%2C527&ssl=1","width":900,"height":527},{"@type":"BreadcrumbList","@id":"https:\/\/hugohabor.com\/?p=476#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hugohabor.com\/"},{"@type":"ListItem","position":2,"name":"CSS-Align Item \u5c0d\u9f4a\u6a19\u7c64\u5167\u5bb9"}]},{"@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":"https:\/\/i0.wp.com\/hugohabor.com\/wp-content\/uploads\/2023\/11\/align.png?fit=900%2C527&ssl=1","_links":{"self":[{"href":"https:\/\/hugohabor.com\/index.php?rest_route=\/wp\/v2\/posts\/476","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=476"}],"version-history":[{"count":5,"href":"https:\/\/hugohabor.com\/index.php?rest_route=\/wp\/v2\/posts\/476\/revisions"}],"predecessor-version":[{"id":2210,"href":"https:\/\/hugohabor.com\/index.php?rest_route=\/wp\/v2\/posts\/476\/revisions\/2210"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hugohabor.com\/index.php?rest_route=\/wp\/v2\/media\/2206"}],"wp:attachment":[{"href":"https:\/\/hugohabor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=476"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hugohabor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=476"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hugohabor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}