flexbox レイアウトã§å†…容ãŒã¯ã¿å‡ºã™ç†ç”±: Days on the Moon「flex box layoutã§ä¸ã«é•·ã„テã‚ストãªã©ã‚’å«ã‚€å¹…å¯å¤‰è¦ç´ ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ - ãらã’ã らã‘ã€ã¨ã„ã†è¨˜äº‹ãŒèˆˆå‘³æ·±ã„ã§ã™ã€‚éŽåŽ»ã«ã€Œé•·ã„英å˜èªžã‚’途ä¸ã§æŠ˜ã‚Šè¿”ã—ãŸã„ã¨ãã® CSS ã®æŒ‡å®šæ–¹æ³•ã€ã«ã¦ã€word-wrap: break-word 㨠display: inline-block ãªã©ã®çµ„ã¿åˆã‚ã›ã«ã¯æ³¨æ„ãŒå¿…è¦ (word-wrap ã®æŒ‡å®šãŒåŠ¹ã‹ãªã„よã†ã«è¦‹ãˆã‚‹ã“ã¨ãŒã‚ã‚‹) ã¨è¿°ã¹ãŸã®ã§ã™ãŒã€ä¼¼ãŸã‚ˆã†ãªã“ã¨ãŒ display: flex ã«ã‚‚言ãˆã‚‹ã‚ˆã†ã§ã™ã€‚ ã“ã®æŒ™å‹•ã¯èªè˜ã—ã¦ã„ãªã‹ã£ãŸã®ã§ CSS Flexible Box Layout Module Level 1 (flexbox 仕様è‰æ¡ˆã€2016 å¹´ 4 月 2 日時点ã®ã‚‚ã®) を見ã¦ã¿ãŸã¨ã“ã‚ã€ã€Œ4.5. Implied Minimum Size of Flex Itemsã€(flex アイテムã®æš—黙的ãªæœ€å°ã‚µã‚¤ã‚º)
ã€ç‰¹é›†ã€‘CSS実装徹底検証! ãã“ãŒçŸ¥ã‚ŠãŸã„Internet Explorer 7 (MYCOMジャーナル)
{{#tags}}- {{label}}
{{/tags}}