CSSã®vertical-alignã«ã¤ã„㦠- PYTHONIC BOOM BOOM HEAD大å‰æã¨ã—ã¦ã€åƒ•ã®çŸ¥è˜ã¯åŸºæœ¬çš„ã«CSS2æ¢ã¾ã‚Šã§ã™ã€‚ã¾ãŸã€Webデザイナーã§ã‚‚ã‚ã‚Šã¾ã›ã‚“。今ã¯(css3ã§ã¯)ã“ã†ã™ã‚‹ã®ãŒãƒˆãƒ¬ãƒ³ãƒ‰ã よーã¨ã‹ã‚ã‚Œã°æ•™ãˆã¦é ‚ã‘ã‚‹ã¨å¤§å¤‰å–œã³ã¾ã™ã€‚ 昨夜twitterã§403 Forbiddenã¨ã„ã†è¨˜äº‹ã‚’紹介ã—ã¦ã‚‚らã£ãŸã€‚確ã‹ã«æ˜”ãƒãƒžã£ãŸã“ã¨ã‚ã‚‹ãªãƒ¼ã¨æ€ã„ã¤ã¤vertical-alignã§æ¤œç´¢ã—よã†ã¨ã—ãŸã‚‰ã€Œvertical-align 効ã‹ãªã„ã€ãŒå€™è£œã«å‡ºã¦ããŸã€‚çµæ§‹ã¿ã‚“ãªã¯ã¾ã£ã¦ã‚‹ã‚“ã§ã™ã。 vertical-alignã¯blockè¦ç´ ã«ã¯é©ç”¨ã§ããªã„ ã¾ãšæœ€åˆã«ãƒãƒžã‚‹ãƒã‚¤ãƒ³ãƒˆã€‚ã“ã„ã¤ã¯inline, inline-block, table-cellã«å¯¾ã—ã¦ã—ã‹åŠ¹ã‹ãªã„。blockè¦ç´ ã«ã¯é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ããªã„。 昔æ‡ã‹ã—ã„tableレイアウトã®æ„Ÿè¦šã§ div#hoge { vertical-align: middle; } ãªã‚“ã¦ã—ã¦ã‚‚å…¨ãæ„味ãŒç„¡ã„。「
vertical-alignã®ä½¿ã„æ–¹ã€css tips】[to-R]![vertical-alignã®ä½¿ã„æ–¹ã€css tips】[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
{{#tags}}- {{label}}
{{/tags}}