{"published":"2016-03-04 00:00:00","url":"https://chuckwebtips.hatenablog.com/entry/2016/03/04/000000","provider_url":"https://hatena.blog","type":"rich","author_url":"https://blog.hatena.ne.jp/chuck0523/","title":"\u8981\u7d20\u306e\u6a2a\u4e26\u3073\uff0b\u8907\u6570\u884c\u306a\u3089flex-wrap\u304c\u4fbf\u5229","image_url":"http://cdn-ak.f.st-hatena.com/images/fotolife/c/chuck0523/20160320/20160320190533.png","blog_url":"https://chuckwebtips.hatenablog.com/","width":"100%","version":"1.0","author_name":"chuck0523","provider_name":"Hatena Blog","height":"190","blog_title":"\u30b3\u30f3\u30d1\u30a4\u30e9\u304b\u304f\u8a9e\u308a\u304d","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fchuckwebtips.hatenablog.com%2Fentry%2F2016%2F03%2F04%2F000000\" title=\"\u8981\u7d20\u306e\u6a2a\u4e26\u3073\uff0b\u8907\u6570\u884c\u306a\u3089flex-wrap\u304c\u4fbf\u5229 - \u30b3\u30f3\u30d1\u30a4\u30e9\u304b\u304f\u8a9e\u308a\u304d\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","description":"CSS\u306eflex-wrap\u3092\u6700\u8fd1\u77e5\u3063\u305f\u306e\u3067\u30e1\u30e2\u3002 display: flex; \u3067\u8981\u7d20\u3092\u6a2a\u4e26\u3073\u306b\u3057\u3064\u3064\u3001\uff12\u884c\u3084\uff13\u884c\u306b\u3057\u305f\u3044\u3068\u304d\u304c\u3042\u308b\u3058\u3083\u306a\u3044\u3067\u3059\u304b\u3002\u305d\u3093\u306a\u3068\u304d\u306b\u4fbf\u5229\u3067\u3059\u3002 flex-wrap\u6307\u5b9a\u306a\u3057 \u307e\u305a\u3001flex-wrap\u306e\u6307\u5b9a\u304c\u7121\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u3002display: flex;\u306e\u307f\u6307\u5b9a\u3002flex-wrap\u306e\u5024\u306f\u30c7\u30d5\u30a9\u30eb\u30c8\u306eno-wrap\u306b\u306a\u308a\u307e\u3059\u3002 gistabb6fdc10b786d856f22 \u3059\u308b\u3068\u3001\u5b50\u8981\u7d20\uff08div.box\uff09\u306ewidth: 200px;\u304c\u7121\u8996\u3055\u308c\u307e\u3059\u3002\u753b\u9762\u306b\uff11\u884c\u306b\u53ce\u307e\u308b\u3088\u3046\u306bwidth\u304c\u81ea\u52d5\u8abf\u6574\u3055\u308c\u308b\u306e\u3067\u3059\u3002 flex-wrap: wrap;\u63aa\u5b9a \u6b21\u306b\u3001flex-wrap:\u2026","categories":["CSS3"]}