{"action":"opened","issue":{"url":"https://api.github.com/repos/yg4870336/ife/issues/1","repository_url":"https://api.github.com/repos/yg4870336/ife","labels_url":"https://api.github.com/repos/yg4870336/ife/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/yg4870336/ife/issues/1/comments","events_url":"https://api.github.com/repos/yg4870336/ife/issues/1/events","html_url":"https://github.com/yg4870336/ife/issues/1","id":140652121,"number":1,"title":"flexbox","user":{"login":"yg4870336","id":9566186,"avatar_url":"https://avatars.githubusercontent.com/u/9566186?v=3","gravatar_id":"","url":"https://api.github.com/users/yg4870336","html_url":"https://github.com/yg4870336","followers_url":"https://api.github.com/users/yg4870336/followers","following_url":"https://api.github.com/users/yg4870336/following{/other_user}","gists_url":"https://api.github.com/users/yg4870336/gists{/gist_id}","starred_url":"https://api.github.com/users/yg4870336/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yg4870336/subscriptions","organizations_url":"https://api.github.com/users/yg4870336/orgs","repos_url":"https://api.github.com/users/yg4870336/repos","events_url":"https://api.github.com/users/yg4870336/events{/privacy}","received_events_url":"https://api.github.com/users/yg4870336/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-03-14T11:49:51Z","updated_at":"2016-03-14T11:49:51Z","closed_at":null,"body":"`<!DOCTYPE html>\r\n<html>\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<title>Flexbox 布局练习</title>\r\n\t<style type=\"text/css\">\r\n\t\t.container{\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: space-between;\r\n\t\t}\r\n\r\n\t\t.container_item_1{\r\n\t\t\tborder: 1px red solid;\r\n\t\t\tpadding: 20px;\r\n\t\t\twidth: 150px;\r\n\t\t\theight: 120px;\r\n      \t\tflex: 0 0 150px;\r\n\t\t}\r\n\r\n\t\t.container_item_2{\r\n\t\t\tborder: 1px red solid;\r\n\t\t\tpadding: 20px;\r\n\t\t\twidth: 150px;\r\n\t\t\theight: 100px;\r\n      \t\tflex: 0 0 150px;\r\n\t\t}\r\n\r\n\t\t.container_item_3{\r\n\t\t\tborder: 1px red solid;\r\n\t\t\tpadding: 20px;\r\n\t\t\twidth: 150px;\r\n\t\t\theight: 40px;\r\n      \t\tflex: 0 0 150px;\r\n\t\t}\r\n\r\n\t\t.container_item_4{\r\n\t\t\tborder: 1px blue solid;\r\n\t\t\tpadding: 20px;\r\n\t\t\twidth: 150px;\r\n\t\t\theight: 200px;\r\n      \t\tflex: 0 0 150px;\r\n\t\t}\r\n\r\n\t\t@media screen and (max-width: 640px) {\r\n\t\t\t.container_item_4{order:-1;}\r\n\t\t\t.container{\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: flex-start;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t}\r\n\t\t}\r\n\t</style>\r\n</head>\r\n<body>\r\n\t<div class=\"container\">\r\n\t\t<div class=\"container_item_1\">120*150</div>\r\n\t\t<div class=\"container_item_2\">100*150</div>\r\n\t\t<div class=\"container_item_3\">40*150</div>\r\n\t\t<div class=\"container_item_4\">200*150</div>\r\n\t</div>\r\n</body>\r\n</html>`"}}