jQueryã¨CSSを使ã£ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®inputè¦ç´ を楽ã«æ•´åˆ—ã•ã›ã‚‹æ–¹æ³•:phpspot開発日誌Justify elements using jQuery and CSS jQueryã¨CSSを使ã£ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®inputè¦ç´ を楽ã«æ•´åˆ—ã•ã›ã‚‹æ–¹æ³•ãŒç´¹ä»‹ã•ã‚Œã¦ãŠã‚Šã¾ã™ã€‚ 何ãŒã§ãã‚‹ã‹ï¼Ÿã¨ã„ã†ã®ã¯æ¬¡ã®å›³ã‚’見ã¦é ‚ãã®ãŒã¯ã‚„ã„ã§ã—ょã†ã€‚ ビフォア ↓↓↓↓ アフター ã“れを実ç¾ã™ã‚‹ãŸã‚ã«ã€CSSã¨ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã‚ˆã£ã¦å®Ÿç¾ã™ã‚‹ã®ãŒæ™®é€šã§ã™ãŒã€jQueryã«ã‚ˆã£ã¦ã‚‚ã£ã¨ã‚¹ãƒžãƒ¼ãƒˆã«å‡ºæ¥ã‚‹ã‚ˆã†ã§ã™ã。 具体的ã«ã¯ã€æ¬¡ã®ã‚ˆã†ã«ã€label ã®ä¸ã§ width ãŒã‚‚ã£ã¨ã‚‚大ãã„ã‚‚ã®ã®ã‚µã‚¤ã‚ºã‚’å¾—ã¦ã€ãã®ã‚µã‚¤ã‚ºã«JavaScriptã§èª¿æ•´ã—ã¡ã‚ƒã†ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });
{{#tags}}- {{label}}
{{/tags}}