CSS ã® display: table-cell を使ã£ã¦ç”»é¢ä¸å¤®ã«è¦ç´ ã‚’é…ç½®ã™ã‚‹ - vivid memoãªã‚“らã‹ã®è¦ç´ ã‚’ç”»é¢ã®ä¸å¤®ã«é…ç½®ã—ãŸã„ã€ã¨ã„ã†ã“ã¨ã¯ã—ã°ã—ã°ã‚ã‚Šã¾ã™ã€‚ æ°´å¹³æ–¹å‘ (横方å‘) ã®ä¸å¤®æƒãˆã¯ CSS ã® text-align: center を使ã£ãŸã‚Šã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ãªã‚‰ã° margin: auto を使ã£ãŸã‚Šã—ã¦ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ãŒã€åž‚ç›´æ–¹å‘ (縦方å‘) ã®ä¸å¤®æƒãˆã¯ã¡ã‚‡ã£ã¨æ‚©ã‚€ã¨ã“ã‚ã§ã™ã€‚ 昔㯠table è¦ç´ ãªã©ã‚’使ã£ã¦å®Ÿç¾ã—ãŸã‚Šã—ã¦ã„ã¾ã—ãŸãŒã€è¡¨ã‚’表示ã—ãŸã„ã‚ã‘ã§ã‚‚ãªã„ã®ã« table è¦ç´ を使ã†ã®ã¯ã‚ˆããªã„ã®ã§ã€ã“ã“ã§ã¯ CSS を使ã£ã¦åž‚ç›´æ–¹å‘ã®ä¸å¤®æƒãˆã‚’è¡Œã†æ–¹æ³•ã‚’説明ã—ã¾ã™ã€‚ display: table-cell を使ã£ã¦åž‚ç›´æ–¹å‘ã®ä¸å¤®æƒãˆã‚’ã§ãるよã†ã«ã™ã‚‹ 縦方å‘ã®ä¸å¤®æƒãˆã‚’ã™ã‚‹ãŸã‚ã« CSS を調ã¹ã¦ã„ã¦ã¾ãšè¦‹ã¤ã‘ã‚‹ã®ã¯ vertical-align プãƒãƒ‘ティã ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€vertical-align プãƒãƒ‘ティを使ã£ã¦ä¸å¤®æƒãˆã‚’実ç¾
{{#tags}}- {{label}}
{{/tags}}