{"categories":["CSS"],"version":"1.0","title":"flexible \u30dc\u30c3\u30af\u30b9\u30e1\u30e2","author_url":"https://blog.hatena.ne.jp/teramako/","description":"Firefox 18.0a(Nightly) \u3067 CSS Flexible Box Layout Module \u304c\u5b9f\u88c5\u3055\u308c\u3064\u3064\u3042\u308b\u3002 \u305d\u306e\u8fba\u308a\u306f\u3001Firefox\u306eFlexbox\u5b9f\u88c5\u3001\u9032\u884c\u4e2d - fragmentary \u8fba\u308a\u3092\u53c2\u7167\u3063\u3066\u3053\u3068\u3067\u3002\u307e\u3041\u3068\u3082\u304b\u304f\u3001about:config \u306e\u5024 layout.css.flexbox.enabled \u3092 true \u306b\u3059\u308c\u3070\u3001\u5c11\u3057\u8a66\u3059\u3053\u3068\u304c\u3067\u304d\u308b\u3002\u3093\u3067\u3001Using CSS flexible boxes - CSS | MDN \u3092\u8aad\u307f\u3064\u3064\u52c9\u5f37\u3002\u305d\u306e\u30e1\u30e2\u3092\u3070\u3002 flex containerdisplay: flex; \u306a\u8981\u7d20\u3002\u305d\u306e\u5b50\u8981\u7d20\u304cflex item\u3068\u306a\u308a\u2026","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fteramako.hatenadiary.org%2Fentry%2F20121021%2Fp1\" title=\"flexible \u30dc\u30c3\u30af\u30b9\u30e1\u30e2 - hogehoge @teramako\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","type":"rich","author_name":"teramako","height":"190","published":"2012-10-21 00:00:00","provider_name":"Hatena Blog","blog_url":"https://teramako.hatenadiary.org/","image_url":"https://developer.mozilla.org/files/3739/flex_terms.png","width":"100%","url":"https://teramako.hatenadiary.org/entry/20121021/p1","provider_url":"https://hatena.blog","blog_title":"hogehoge @teramako"}