【参考ソース】 .foo { display:-webkit-box;/*--- Androidブラウザ用 ---*/ display:-ms-flexbox;/*--- IE10 ---*/ display: -webkit-flex;/*--- safari(PC)用 ---*/ display:flex; -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/ -ms-flex-pack:justify;/*--- IE10 ---*/ -webkit-justify-content:space-between;/*--- safari(PC)用 ---*/ justify-content:space-between; } 【解説】 2~5行目 Flexboxを作るための指定です。 6~9行目 左からflexアイテムを並べて余白があれば、そ
![Flexboxの書き方 IE10、Safari、iOS Safari、Androidブラウザへの対応【実践編2】を紹介します【2015年4月現在】](https://cdn-ak-scissors.b.st-hatena.com/image/square/5f08350b48fd9d1031ba4b24b3dd8e91702f7ff6/height=288;version=1;width=512/http%3A%2F%2Fscene-live.com%2Fpicture_upload%2F201504%2Fimages%2F20150428161155.png)