{"id":7669,"date":"2022-09-13T11:51:19","date_gmt":"2022-09-13T02:51:19","guid":{"rendered":"https:\/\/y-com.info\/contents\/?p=7669"},"modified":"2022-09-13T11:51:39","modified_gmt":"2022-09-13T02:51:39","slug":"%e8%a6%81%e7%b4%a0%e3%82%92%e7%b8%a6%ef%bc%88%e4%b8%8a%e4%b8%8b%ef%bc%89%e4%b8%ad%e5%a4%ae%e3%81%ab%e9%85%8d%e7%bd%ae%e3%81%99%e3%82%8bcss%e3%81%ae%e6%8c%87%e5%ae%9a%e6%96%b9%e6%b3%95%e3%80%82","status":"publish","type":"post","link":"https:\/\/y-com.info\/contents\/?p=7669","title":{"rendered":"\u8981\u7d20\u3092\u7e26\uff08\u4e0a\u4e0b\uff09\u4e2d\u592e\u306b\u914d\u7f6e\u3059\u308bCSS\u306e\u6307\u5b9a\u65b9\u6cd5\u3002\u305f\u3063\u305f\uff13\u884c\u3001\u3053\u308c\u3060\u3051\u899a\u3048\u3066\u304a\u3053\u3046\u3002"},"content":{"rendered":"<p><span class=\"anchor\"><a id=\"anc_01\"><\/a><\/span><\/p>\n<section class=\"entry__section\">\n<h2 class=\"section__title\">CSS\u306b\u3088\u308b\u7e26\u6a2a\u4e2d\u592e\u3078\u306e\u8981\u7d20\u306e\u914d\u7f6e<\/h2>\n<p>\u6163\u308c\u308c\u3070\u3069\u3046\u3063\u3066\u4e8b\u306f\u7121\u3044\u3093\u3067\u3059\u304c\u3001\u8981\u7d20\u306e\u914d\u7f6e\u3067\u60a9\u3080\u3053\u3068\u3063\u3066\u591a\u3044\u3067\u3059\u3088\u306d\u3002<br \/>\n\u3061\u3087\u3046\u3069\u771f\u3093\u4e2d\u306b\u7f6e\u304f\u3068\u3044\u3046\u3088\u3046\u306a\u30b7\u30f3\u30d7\u30eb\u306a\u914d\u7f6e\u306b\u306f\u3001\u96e3\u3057\u3044\u8a08\u7b97\u3092\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002<br \/>\n\u5de6\u53f3\u4e2d\u592e\u306e\u914d\u7f6e\u306f\u983b\u7e41\u306b\u5fc5\u8981\u306b\u306a\u308b\u306e\u3067\u3001\u3059\u3050\u306b\u601d\u3044\u3064\u304f\u3068\u601d\u3044\u307e\u3059\u304c\u3001\u7e26\u4e2d\u592e\u306e\u914d\u7f6e\u3068\u3044\u3046\u306e\u306f\u91cd\u8981\u5ea6\u306f\u9ad8\u3044\u3051\u308c\u3069\u983b\u7e41\u306b\u306f\u51fa\u3066\u3053\u306a\u3044\u306e\u3067\u3001\u3044\u3056\u51fa\u3066\u304d\u305f\u3068\u304d\u306b\u8ff7\u3063\u305f\u308a\u3057\u307e\u3059\u3002<br \/>\n\u4eca\u56de\u306f\u3001<strong>\u305f\u3063\u305f\uff13\u884c\u306eCSS\u3067\u3053\u308c\u3060\u3051\u899a\u3048\u308c\u3070\u305f\u3044\u3066\u3044\u306e\u7e26\u6a2a\u4e2d\u592e\u914d\u7f6e\u304c\u53ef\u80fd\u306b\u306a\u308b\u30b3\u30fc\u30c9<\/strong>\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<h2 class=\"section__title\">\u7e26\u4e2d\u592e\u306e\u914d\u7f6e\u306fdisplay:flex;\u3092\u4f7f\u3046<\/h2>\n<p>\u7e26\u4e2d\u592e\u306e\u914d\u7f6e\u306fdisplay:flex;\u3092\u4f7f\u3044\u307e\u3059\u3002<br \/>\ndisplay:flex;<br \/>\n\u306e\u914d\u7f6e\u306b\u306f\u3001\u7e26\u6a2a\u3078\u306e\u914d\u7f6e\u306b\u95a2\u3059\u308b\u5c5e\u6027\u304c\u3042\u308a\u307e\u3059\u306e\u3067\u3001<br \/>\n\u305d\u308c\u3089\u3092\u4f7f\u3044\u307e\u3057\u3087\u3046\u3002<br \/>\n\u53c2\u8003\uff1a<a href=\"https:\/\/y-com.info\/contents\/?p=7634\">CSS\u3067\u8981\u7d20\u306e\u914d\u7f6e\u306b\u6b20\u304b\u305b\u306a\u3044display;flex\u306e\u4f7f\u3044\u65b9<\/a><\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n\/* \u7e26\u4e2d\u592e\u306b\u914d\u7f6e *\/\r\n.outer{\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n<\/pre>\n<p class=\"codepen\" data-height=\"300\" data-default-tab=\"css,result\" data-slug-hash=\"rNvMwbw\" data-user=\"hachidaime\" style=\"height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;\">\n  <span>See the Pen <a href=\"https:\/\/codepen.io\/hachidaime\/pen\/rNvMwbw\"><br \/>\n  Untitled<\/a> by Yoshimune (<a href=\"https:\/\/codepen.io\/hachidaime\">@hachidaime<\/a>)<br \/>\n  on <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/span>\n<\/p>\n<p><script async src=\"https:\/\/cpwebassets.codepen.io\/assets\/embed\/ei.js\"><\/script><\/p>\n<p><strong>\u305f\u3063\u305f\uff13\u884c\u3001\u7e26\u4e2d\u592e\u3060\u3051\u3067\u3057\u305f\u3089\u305f\u3063\u305f\uff12\u884c<\/strong>\u3067\u3059\u3002<br \/>\n\u72b6\u6cc1\u306b\u3088\u3063\u3066\u306f\u4ed6\u306b\u3082\u65b9\u6cd5\u306f\u3042\u308a\u307e\u3059\u304c\u3001\u3053\u308c\u304c\uff11\u756a\u7c21\u5358\u3067\u67d4\u8edf\u6027\u304c\u3042\u308b\u3067\u3057\u3087\u3046\u3002<br \/>\nflex\u3092\u4f7f\u3063\u3066\u306f\u3044\u3051\u306a\u3044\u5834\u9762\u3082\u306a\u304b\u306a\u304b\u306a\u3044\u3068\u601d\u3046\u306e\u3067\u3001\u4eca\u306f\u3053\u308c\u3055\u3048\u899a\u3048\u3066\u304a\u3051\u3070\u5145\u5206\u3060\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n<p>\u4e8b\u524d\u6e96\u5099\u3067\u3001\u5e45\u3068\u9ad8\u3055\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u304c\u3001\u3082\u3061\u308d\u3093\u9ad8\u3055\u306e\u6307\u5b9a\u3055\u308c\u3066\u3044\u306a\u3044\u8981\u7d20\u306f\u4e2d\u592e\u3068\u3044\u3046\u3082\u306e\u304c\u5b58\u5728\u3057\u307e\u305b\u3093\u3002<br \/>\n\u305d\u306e\u305f\u3081\u3001\u5916\u5074\u306e\u8981\u7d20\u306b\u9ad8\u3055\u3092\u6307\u5b9a\u3057\u3066\u3042\u3089\u304b\u3058\u3081\u7bb1\u3092\u4f5c\u3063\u305f\u3046\u3048\u3067\u4e2d\u592e\u306b\u914d\u7f6e\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u666e\u6bb5\u4f7f\u308f\u306a\u3044\u6307\u5b9a\u306f\u3001\u3044\u3056\u4f7f\u3046\u3068\u304d\u306b\u3069\u3046\u3059\u308c\u3070\u3044\u3044\u3093\u3060\u308d\u3046\u3068\u60a9\u3080\u3053\u3068\u3082\u3042\u308a\u307e\u3059\u304c\u3001\u666e\u6bb5\u4f7f\u308f\u306a\u3044\u306e\u3067\u6163\u308c\u3066\u3044\u306a\u3044\u3060\u3051\u3067\u3001\u8a2d\u5b9a\u81ea\u4f53\u306f\u610f\u5916\u3068\u7c21\u5358\u306a\u3053\u3068\u3082\u591a\u3044\u3067\u3059\u3002<br \/>\n\u4eca\u56de\u306e\u7e26\u4e2d\u592e\u306e\u914d\u7f6e\u3082\u3001\u4eca\u5f8c\u3082\u5fc5\u8981\u306b\u306a\u308b\u3053\u3068\u591a\u3044\u3068\u601d\u3046\u306e\u3067\u3001\u305c\u3072\u77e5\u3063\u3066\u304a\u3044\u3066\u304f\u3060\u3055\u3044\u3002<br \/>\n<\/section>\n\n\t<div class=\"adbanner\" style=\"margin:0 0 30px 0;\">\n\t\t<iframe loading=\"lazy\" style=\"margin:0\tauto;\" src=\"https:\/\/rcm-fe.amazon-adsystem.com\/e\/cm?o=9&p=48&l=ur1&category=amazonrotate&f=ifr&linkID=528672f6928aa364301f0b83e4e61d09&t=yossyhomepage-22&tracking_id=yossyhomepage-22\" width=\"728\" height=\"90\" scrolling=\"no\" border=\"0\" marginwidth=\"0\" style=\"border:none;\" frameborder=\"0\"><\/iframe>\n\t<\/div>\n\t","protected":false},"excerpt":{"rendered":"<p>CSS\u306b\u3088\u308b\u7e26\u6a2a\u4e2d\u592e\u3078\u306e\u8981\u7d20\u306e\u914d\u7f6e \u6163\u308c\u308c\u3070\u3069\u3046\u3063\u3066\u4e8b\u306f\u7121\u3044\u3093\u3067\u3059\u304c\u3001\u8981\u7d20\u306e\u914d\u7f6e\u3067\u60a9\u3080\u3053\u3068\u3063\u3066\u591a\u3044\u3067\u3059\u3088\u306d\u3002 \u3061\u3087\u3046\u3069\u771f\u3093\u4e2d\u306b\u7f6e\u304f\u3068\u3044\u3046\u3088\u3046\u306a\u30b7\u30f3\u30d7\u30eb\u306a\u914d\u7f6e\u306b\u306f\u3001\u96e3\u3057\u3044\u8a08\u7b97\u3092\u3059\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002 \u5de6\u53f3\u4e2d\u592e\u306e\u914d\u7f6e\u306f\u983b\u7e41\u306b [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7672,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[81],"class_list":["post-7669","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1","tag-css"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/y-com.info\/contents\/index.php?rest_route=\/wp\/v2\/posts\/7669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/y-com.info\/contents\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/y-com.info\/contents\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/y-com.info\/contents\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/y-com.info\/contents\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7669"}],"version-history":[{"count":3,"href":"https:\/\/y-com.info\/contents\/index.php?rest_route=\/wp\/v2\/posts\/7669\/revisions"}],"predecessor-version":[{"id":7673,"href":"https:\/\/y-com.info\/contents\/index.php?rest_route=\/wp\/v2\/posts\/7669\/revisions\/7673"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/y-com.info\/contents\/index.php?rest_route=\/wp\/v2\/media\/7672"}],"wp:attachment":[{"href":"https:\/\/y-com.info\/contents\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/y-com.info\/contents\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/y-com.info\/contents\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}