CSSã§ãƒœãƒƒã‚¯ã‚¹ã®å†…容物を上下ä¸å¤®æƒãˆã«ã™ã‚‹æ–¹æ³•3種。｜web bibo↑CSSã ã‘ã§ã“ã‚“ãªæ„Ÿã˜ã«ä¸Šä¸‹ä¸å¤®æƒãˆã‚’実ç¾ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚下記ã®3ã¤ã®æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ ・1è¡Œã®ã¿ã®ãƒ†ã‚ストをä¸å¤®æƒãˆã«ã™ã‚‹å ´åˆ ・2行以上ã®ãƒ†ã‚ストã¾ãŸã¯ç”»åƒã‚’ä¸å¤®æƒãˆã«ã™ã‚‹å ´åˆ ・高ã•ãŒæ±ºã¾ã£ã¦ã„ãªã„è¦ç´ ã‚’ä¸å¤®æƒãˆã«ã™ã‚‹å ´åˆ 1è¡Œã®ã¿ã®ãƒ†ã‚ストをä¸å¤®æƒãˆã«ã™ã‚‹å ´åˆ <!-- HTML --> <div> <p>1è¡Œã®ã¿ã®ãƒ†ã‚ストã«æœ‰ç”¨</p> </div> /* CSS */ div{ width: 200px; height: 100px; background: #DDDDFF; text-align: center; } p{ line-height: 100px; } →1è¡Œã®ã¿ã®ãƒ†ã‚ストをä¸å¤®æƒãˆã«ã™ã‚‹ã‚µãƒ³ãƒ—ル line-heightã¯è¡Œé–“ã®ã‚¹ãƒšãƒ¼ã‚¹ã‚’制御ã™ã‚‹ãƒ—ãƒãƒ‘ティã§ã™ã€‚ãªã®ã§ã€2行以上ã®æ–‡ãªã©ã«ã¯åˆ©ç”¨ã§ãã¾ã›ã‚“。1è¡Œã ã‘ã®å ´åˆã«ã¯ç°¡å˜ã«å®Ÿè£…ã§ãる有用ãªæ–¹æ³•ã§ã™
{{#tags}}- {{label}}
{{/tags}}