JavaScriptを使ã‚ãšã«Pinterest風レイアウトã«ã™ã‚‹æ˜¨æ—¥ã¯JavaScriptを使ã£ã¦Pinterest風レイアウトを実ç¾ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã—ãŸãŒã€ä»Šæ—¥ã¯JavaScriptç„¡ã—ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿç¾ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ デモページ：幅900pxã§è¡¨ç¤º 実装 HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã€å„パãƒãƒ«ã‚’divè¦ç´ ã§å®Ÿè£…ã—ã€ãれらをdivè¦ç´ ã§äºŒé‡ã«å†…包ã—ã¾ã™ã€‚ <div id="wrapper"> <div id="columns"> <div class="pin"> <img src="image.png" /> <p>テã‚スト</p> </div> <div class="pin"> <img src="image.png" /> <p>テã‚スト</p> </div> ... ... </div> </div> CSS Pinterest風レイアウトをCSSã§å®Ÿç¾ã™ã‚‹ã«ã¯ã€äºŒã¤ã®æ–¹æ³•ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ 一ã¤ç›®ã¯floa
{{#tags}}- {{label}}
{{/tags}}