천천히 성장하기

1. 기능 : 레이아웃을 똑같이 유지하도록 자동 재정렬할 때 이용 2. flex box 구성 요소 : flex container + flex item 3. 예제 브라우저 창의 크기를 조정하십시오. "flex-wrap : nowrap;"이있는 컨테이너 그 아이템을 포장하지 않습니다. 참고 : Flexbox는 Internet Explorer 10 이전 버전에서는 지원되지 않습니다. 4. comment : .flex-container{ display: flex; } 하면 자식요소들(items)은 수평 축으로 자동정렬. flex-direction: column; 이 추가되면 items 수직정렬로 바뀜. 5. flex box 속성들 * 참고: tcpschool.com, w3schools.com

The display Property 1. Block-level Elements 블록은 항상 새 줄에서 시작하여 사용 가능한 전체 너비를 차지합니다 (가능한 한 왼쪽과 오른쪽으로 확장) 1.1. 블록이 기본값으로 적용되는 태그 - 2. Inline Elements 인라인은 새 줄에서 시작되지 않으며 필요한만큼만 폭을 차지합니다. 2.1 인라인이 기본값으로 적용되는 태그 3. Display: none; 일반적으로 JavaScript와 함께 사용하여 요소를 삭제하거나 다시 만들지 않고 요소를 숨기고 표시합니다. 가 기본적으로 diplay: none; 입니다. 4. Hide an Element - display:none or visibility:hidden? display 속성을 none으로 설정하여 요소를 ..