クãƒã‚¹ãƒ–ラウザ㧠display:inline-block ã•ã›ã‚‹ jQuery プラグインを作ã£ã¦ã¿ãŸ - Cyokodog :: Diaryæ›´æ–°å±¥æ´ 2009-11-11 ã”è¦æœ›ãŒã‚ã£ãŸã®ã§ jQuery.exInlineBlock.js ã®åœ§ç¸®ç‰ˆã‚’ダウンãƒãƒ¼ãƒ‰ã§ãるよã†ã«ã—ã¾ã—ãŸã€‚ CSS ã«ã¯ display:inline-block ã¨ã„ã†ãƒœãƒƒã‚¯ã‚¹è¦ç´ を横並ã³ã«é…ç½®ã•ã›ã‚‹æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ 通常ã®ãƒœãƒƒã‚¯ã‚¹è¦ç´ （diplay:block）ã¯ã€æ¨ªã«ä¼¸ã³ã€ç¸¦ã«ç¸®ã‚€æ€§è³ªãŒã‚り以下ã®ã‚ˆã†ã«æ®µç©ã¿ã«ãªã‚Šã¾ã™ã€‚ 幅を指定ã—ã¦ã‚µã‚¤ãƒ‰ã«ç©ºé–“ã‚’è¨ã‘ã¦ã‚‚ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ãªã®ã§æ®µç©ã¿ã«ãªã‚Šã¾ã™ã€‚ inline-block ã®å ´åˆã¯ã€æ¨ªã«ã‚‚縦ã«ã‚‚縮む性質ãŒã‚ã‚Šã€span ã‚„ a ã® inline è¦ç´ ã®ã‚ˆã†ã«è¦ç´ を横並ã³ã«ã—ã¾ã™ã€‚ inline è¦ç´ ã¨åŒæ§˜ã€è¦ªï¼ˆå…ˆç¥–）è¦ç´ 㧠text-align:center ã¨ã™ã‚Œã°ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã‚‚ã•ã‚Œã¾ã™ã€‚ ç”»é¢ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„パーツをé…ç½®ã™ã‚‹ä¸Šã§ã¨ã¦ã‚‚便利ãªæ©Ÿèƒ½ã§ã™ãŒã€IE6/7 〠Firefox2 以下ã§ã¯ã“ã®
{{#tags}}- {{label}}
{{/tags}}