å¹…å¯å¤‰ãªç”»åƒãƒ–ãƒãƒƒã‚¯ã‚’tableç„¡ã—ã§ä½œã‚‹ | Takazudo Clipping*ç”»åƒã‚’å³ã«é…ç½®ã—ã¦ã€å·¦å´ã«ã¯ãƒ†ã‚ストãªã‚Šä½•ãªã‚Šã‚’入れãŸã‚Šã¨ã„ã£ãŸã‚‚ã®ã‚’作る事ãŒä»•äº‹ä¸Šã€ã‚ˆãã‚ã‚Šã¾ã™ã€‚左画åƒã€å³ãƒ†ã‚ストもã—ã‹ã‚Šã€‚仕事ã”ã¨ã«å¿…ãšã“ã‚Œã¯ä½œã‚‹ã€‚ã•ã‚‰ã«ã€ã“ã®ç”»åƒã«ã¯ã„ã‚ã‚“ãªã‚‚ã®ãŒå…¥ã‚‹ãŸã‚ã€å¹…ã¯å¸¸ã«å¤‰ã‚る。 ã“れをã€divã ã‘ã§ä½œã‚‹ã“ã¨ãŒãªã‚“ã¨ã‹ã§ãã¾ã—ãŸã€‚ ã“ーã„ã†ã‚‚ã®ã‚’作ã‚ã†ã¨ã™ã‚‹æ™‚ã€CSSã§ã‚„ã‚ã†ã¨ã™ã‚‹ã¨ã€å·¦å³ã®ãƒ–ãƒãƒƒã‚¯ã‚’float:right, leftã¨ã‹ã‚„ã£ã¦é…ç½®ã—ã¾ã™ãŒã€ã“ã‚Œã¯ã‚ã¾ã‚Šæ±Žç”¨æ€§ã®ã‚る方法ã¨ã¯ã„ãˆã¾ã›ã‚“。ãªã‚“ã§ã‹ã¨ã„ã†ã¨ç†ç”±ã¯3ã¤ã€‚ 1ã¤ç›®ã¯ã€imgã‚’floatã•ã›ã‚‹ã¨ã€ãƒ†ã‚ストãŒãã®ä¸‹ã«å›žã‚Šã“ã‚“ã§ã—ã¾ã†ã¨ã„ã†ã®ãŒ1点。回り込ã¾ã›ãŸã„ãªã‚‰ã„ã„ã§ã™ãŒã€ãƒ†ã‚ストを回り込ã¾ã›ãªã„ã§ã‚„ã‚ŠãŸã„å ´åˆãŒæ®†ã©ãªã®ã§ã€‚ 2ã¤ç›®ã¯ã€å›žã‚Šè¾¼ã¾ã›ãªã„ã§ã‚„ã‚‹ã¨ã—ãŸã‚‰ã€å·¦å³ã®floatã•ã›ãŸdivã«widthを指定ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。ãã†ã™ã‚‹ã¨ã€ä¾‹ãˆã°ã€ç”»åƒã®å¹…ãŒ200pxã§ã‚ã‚Œã°ã€
JavaScriptã‚’ã‚„ã‚‹ãªã‚‰è¦šãˆã¦ãŠãã¨è¶…便利ãªã€ã‚³ãƒ¼ãƒ‰ã‚’ブラウザ上ã§é–‹ç™ºï¼†ç™ºè¡Œã§ãる「JS Binã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}