{"title":"CSS3 flex(box) \u30e1\u30e2","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcartman0.hatenablog.com%2Fentry%2F2015%2F06%2F01%2F005705\" title=\"CSS3 flex(box) \u30e1\u30e2 - \u306f\u3057\u304f\u308c\u30a8\u30f3\u30b8\u30cb\u30a2\u3082\u3069\u304d\u306e\u30e1\u30e2\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","description":"CSS3 flex(box) \u30e1\u30e2 CSS3 \u306eflex(box) \u3092\u4f7f\u3063\u3066\u307f\u305f\u306e\u3067\u30e1\u30e2\u3002 flex\u3092\u4f7f\u3046\u3053\u3068\u3067\uff0cfloat\u3067\u60a9\u3093\u3067\u3044\u305f\u6c34\u5e73\u65b9\u5411\u306e\u63c3\u3048\uff0c\u5782\u76f4\u65b9\u5411\u306e\u63c3\u3048\uff0cwrap\u5f8c\u306e\u63c3\u3048\u65b9\u306a\u3069\u3092\u8abf\u6574\u3067\u304d\uff0c\u30d5\u30ec\u30ad\u30b7\u30d6\u30eb\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u53ef\u80fd\u306b\u306a\u308b\uff0e CSS3 flex(box) \u30e1\u30e2 \u30b5\u30f3\u30d7\u30eb\uff08codepen\uff09 \u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6 \u30c9\u30ad\u30e5\u30e1\u30f3\u30c8 \u914d\u7f6e\u65b9\u5411 flex-direction \u6298\u308a\u8fd4\u3057 flex-warp \u4f38\u3073\u308b\u500d\u7387 flex-grow \u9806\u756a order \u6c34\u5e73\u65b9\u5411\u306e\u63c3\u3048\u65b9 justify-content \u6c34\u5e73\u65b9\u5411\u306e\u63c3\u3048\u65b9 justify-content justify-content: betwee\u2026","blog_title":"\u306f\u3057\u304f\u308c\u30a8\u30f3\u30b8\u30cb\u30a2\u3082\u3069\u304d\u306e\u30e1\u30e2","url":"https://cartman0.hatenablog.com/entry/2015/06/01/005705","author_name":"cartman0","author_url":"https://blog.hatena.ne.jp/cartman0/","provider_name":"Hatena Blog","image_url":null,"published":"2015-06-01 00:57:05","blog_url":"https://cartman0.hatenablog.com/","version":"1.0","provider_url":"https://hatena.blog","categories":["CSS","\u30d5\u30ec\u30ad\u30b7\u30d6\u30eb\u30ec\u30a4\u30a2\u30a6\u30c8"],"height":"190","type":"rich","width":"100%"}