
ã“ã¨ãŒã§ãã¾ã™ã„ãšã‚Œã‹ 機会 発見ã—ãŸã€ å•題 を〠è¦ç´ ã®ã€ DIV 知りã¾ã›ã‚“ å‡ç‰ã«é…ç½®ã—ã¾ã™ã€‚ é–¢ã—〠水平方å‘ã®é–“éš” åŒã˜ã®. 通常, 我々 ã¯å³ã«ã“れらã®ã‚¢ã‚¤ãƒ†ãƒ をランク付ã‘, å·¦ã¾ãŸã¯ä¸å¤®, 我々 を行ã†ãŸã³ã«ã€, ç§ãŸã¡ã‚’残ã—ã¦çµ‚了〠空ã®ç©ºé–“ è¦ç´ ã®ã‚»ãƒƒãƒˆã®ç«¯ã«, é…ç½®ã®ã‚¿ã‚¤ãƒ—ã«ã‚ˆã£ã¦ã¯.
ã“れ㧠例 我々 ã¯ã©ã®ã‚ˆã†ã«è¦ç´ ã¯ã€å‚ç…§ã—ã¦ãã ã•ã„。 左をæƒãˆ 左をæƒãˆ å³å´ã®ç©ºã®ç©ºé–“ コンテナーè¦ç´ .
一連ã®å±žæ€§ã‚’スタイルã«é©ç”¨ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ コンテナー 内å´ã«ä¸¦ã¹è¦ç´ を行ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ 制æœã¨æ°´å¹³æ–¹å‘. 具体的ã«ã¯, ã¯ã„〠コンテナー DIV 我々 ã¯æ¬¡ã®ã‚¹ã‚¿ã‚¤ãƒ«å±žæ€§ã‚’与ãˆã‚‹:
1 2 | display: flex; justify-content: space-between | space-around; |
属性㮠æ£å½“化ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„, ä»–ã®äººã®é–“ã§, ã‚ã‚‹å ´åˆ 2 ã¤ã®ã‚ªãƒ—ション:
- 宇宙間. è¿½åŠ ã™ã‚‹ã“ã¨ã§ã€è¦ç´ ã‚’é…ç½®ã—ã¾ã™ã€‚ ãれらã®é–“ã®ã‚¹ãƒšãƒ¼ã‚¹.
- スペース周り. è¿½åŠ ã™ã‚‹ã“ã¨ã§ã€è¦ç´ ã‚’é…ç½®ã—ã¾ã™ã€‚ å‰ã«ã‚¹ãƒšãƒ¼ã‚¹, 後ãªã©.
メモ. 別ã®ä¾‹ã®ãれãžã‚Œã®ã‚¿ãƒ–ã§ HTML 㨠CSS ã®ã‚³ãƒ¼ãƒ‰ã‚’見るã“ã¨ãŒã§ãã¾ã™ã€‚.

「1 ã¤ã®æ€æƒ³ã€å·¦å³å‡ç‰ã« DIV ã«å«ã¾ã‚Œã‚‹è¦ç´ ã‚’é…布ã™ã‚‹æ–¹æ³•”
æ ¼å¥½ã„ã„, ç§ sirvio, ã“ã®ãƒ—ãƒãƒ‘ティ exisia ã¯çŸ¥ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚