Flexboxã§æ±ºã¾ã‚Šï¼ | Webクリエイターボックスã“ã‚Œã‹ã‚‰ã®CSSレイアウトã¯Flexboxã§æ±ºã¾ã‚Šï¼Flexboxã¨ã¯Flexible Box Layout Moduleã®ã“ã¨ã§ã€ãã®åã®é€šã‚Šãƒ•ãƒ¬ã‚シブルã§ç°¡å˜ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒçµ„ã‚ã¡ã‚ƒã†ç´ 敵ボックスã§ã™ã€‚å‰ã€…ã‹ã‚‰ã‚ã£ãŸæŠ€è¡“ã§ã™ãŒã€ãƒ–ラウザーã«ã‚ˆã£ã¦æ›¸ãæ–¹ãŒé•ã£ãŸã‚Šã€ä»•æ§˜ãŒã“ã‚ã“ã‚変ã‚ã£ãŸã‚Šã¨ã€ã‚¤ãƒžã‚¤ãƒä¸€æ©è¸ã¿å‡ºã›ãªã„æ„ŸãŒã‚ã£ãŸFlexbox。ã—ã‹ã—よã†ã‚„ãモダンブラウザーã§ã®åˆ©ç”¨ã«é›£ãŒãªããªã‚Šã€å®Ÿå‹™ã«ã‚‚充分使ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚今回ã¯ãã‚“ãªFlexboxã®é…力ã¨ä½¿ã„ドコãƒã‚’ã€ãƒ‡ãƒ¢ä»˜ãã§ç´¹ä»‹ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ï¼ 対応ブラウザーCan I use…ã§ç´¹ä»‹ã•ã‚Œã¦ã„るよã†ã«ã€ç¾è¡Œã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザーã§ã¯å•é¡Œãªã利用ã§ãã¾ã™ã€‚ãŸã ã—ã€Safari 用㫠-webkit- ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックスãŒå¿…è¦ã§ã™ã€‚IE ã«ã¤ã„ã¦ã¯ 11 ã‹ã‚‰æ£å¼ã«å¯¾å¿œã€‚IE10 ã«ã‚‚対応ã—ã¦ã„ã¾ã™ãŒã€æ›¸ãæ–¹ãŒå°‘ã—変ã‚ã£ã¦
ã™ã”ã役立ã£ãŸï¼ã‚µã‚¤ãƒˆåˆ¶ä½œã§ã•ã‚Šã’ãªã使ã‚ã‚Œã¦ã„ã‚‹CSSテクニックã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}