[CSS]スクリプト無ã—ã§ã€é«˜ã•ãŒãƒãƒ©ãƒãƒ©ã®ç”»åƒã‚’隙間無ãé…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ | コリスブラウザã®ã‚µã‚¤ã‚ºã‚’変更ã—ã¦ã‚‚ãã‚Œã«åˆã‚ã›ã¦ã€é«˜ã•ãŒãƒãƒ©ãƒãƒ©ã®ç”»åƒã‚’グリッドã«æ²¿ã£ã¦éš™é–“ç„¡ãé…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ Seamless Responsive Photo Grid デモページ [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ç”»åƒã‚’隙間無ãé…ç½®ã™ã‚‹å®Ÿè£…方法 HTML HTMLã¯imgè¦ç´ ã‚’sectionè¦ç´ ã§å†…包ã—ãŸã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã§ã™ã€‚ <section id="photos"> <img src="images/dog-1.jpg" alt="Little doggie"> <img src="images/cat-1.jpg" alt="Little kittie"> ... </section> CSSをオフã«ã™ã‚‹ã¨ã€imgè¦ç´ ã¯inline-blockãªã®ã§ã€ä¸‹è¨˜ã®ã‚ˆã†ã«é€£ç¶šã—ã¦ä¸¦ã¶ã ã‘ã§ã™ã€‚ デモページ：CSSオフã®è¡¨ç¤º ã“ã†ã„ã£ãŸã‚¨
{{#tags}}- {{label}}
{{/tags}}