CSSã§ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®å¹…をコンテンツã®ã‚µã‚¤ã‚ºã´ã£ãŸã‚Šã«ã—ãŸã„時ã®ã“ã‚Œã‹ã‚‰ã®è¨˜è¿°æ–¹æ³•sectionã‚„divã‚„pãªã©ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ をボーダーã§å›²ã†ã¨ã€å…¨å¹…（親è¦ç´ ã®å¹…）ã«ãªã‚Šã¾ã™ã€‚ãã®ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®ä¸ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå°‘ãªãã€ãƒœãƒ¼ãƒ€ãƒ¼ã®å¹…をコンテンツã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ãŸã„å ´åˆã¯ã€ã©ã†å®Ÿè£…ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ ブãƒãƒƒã‚¯è¦ç´ ã®ã¾ã¾ã§ã¯è¦ªè¦ç´ ã®å¹…ã«ãªã£ã¦ã—ã¾ã†ã®ã§ã€é€šå¸¸ã¯display: inline;ã‚„display: inline-block;ã‚’åŠ ãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®widthã«fit-content値を使用ã™ã‚‹ã¨ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®ã¾ã¾ï¼ˆdisplayã®å€¤ã‚’変更ã›ãšã«ï¼‰ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 「å¤ã„方法ã€ã€Œã‚ˆã‚Šè‰¯ã„方法ã€ã¨ã—ãŸã®ã¯ã€ä¸Šè¨˜ç”»åƒã®ç›´è¨³ã§ã™ã€‚å¤ã„ã‹ã‚‰ãƒ€ãƒ¡ã¨ã„ã†ã“ã¨ã§ã¯ãªãã€ã‚ˆã‚Šè‰¯ã„方法ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã€ã‚±ãƒ¼ã‚¹ãƒã‚¤ã‚±ãƒ¼ã‚¹ã§ä½¿ç”¨ã™ã‚‹ã®ãŒãŠå‹§ã‚ã§ã™ã€‚ å¤ã„方法
レスãƒãƒ³ã‚·ãƒ–Webデザインã§ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºãŒä¸é€”åŠç«¯ãªã¨ãã«ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå´©ã‚Œãªã„よã†ã«ã™ã‚‹ãŸã‚ã®å®Ÿè£…方法
{{#tags}}- {{label}}
{{/tags}}