[CSS]複数行ã®ãƒ†ã‚ストを天地左å³ä¸å¤®ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
Vertically Center Multi-Lined Text demo デモã§ã¯ã€ä¸€è¡Œã€è¤‡æ•°è¡Œã¨ã‚‚ã«ä¸å¤®ã«é…ç½®ã•ã‚Œã¦ã„ã¾ã™ã€‚ 仕組ã¿ã¯ã€å¹ã出ã—ã«ã€Œdisplay: table;ã€ã€ãã®ä¸ã®ãƒ‘ラグラフã«ã€Œdisplay: table-cell;ã€ã‚’指定ã—ã€å¤©åœ°å·¦å³ä¸å¤®ã«é…ç½®ã—ã¾ã™ã€‚ HTML <div class="area"> <div class="bubble"> <p>To look best, text should really be centered inside this bubble both vertically and horizontally.</p> </div> </div> CSS .area { width: 300px; height: 300px; background: url(../images/abe-bg.png) no-repeat;
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://unkar.jp/read/gimpo.2ch.net/av/1241883148
{{#tags}}- {{label}}
{{/tags}}