일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 자바스크립트 런타임
- JavaScript 실행 디버깅
- Navigation Pattern
- JavaScript EventLoop
- Linux pwd
- Linux oh my zsh
- 서버의 서비스 방식
- javascript scope
- Logback
- linux background
- Linux apt
- EC2 oh my zsh
- Linux cat
- EC2 zsh
- Linux apt-get
- Linux 디렉터리 역할
- Linux 디렉터리 구조
- javascript 정렬
- HTTP Web Server
- Linux ls
- Linux 디렉터리 명령어
- 자바스크립트 이벤트 루프
- Linux 파일 관리 명령어
- AWS EC2 서버 만들기
- EC2 Apache2
- Linux mkdir
- linux foreground
- Linux cd
- EC2 HTTP 호스팅
- Linux rmdir
Archives
- Today
- Total
목록CSS Flex (1)
HyunJun 기술 블로그
728x90
반응형
CSS Flex
1. Flex? Flex는 레이아웃 배치 전용 기능으로, 요소들을 하나로 묶어 특정 방향으로 정렬하고자 할 때 사용한다. 부모 요소인 div를 Flex Container라고 부르고, Flex Container의 자식 요소인 div들을 Flex Item이라고 부른다. 기본적으로 Flex Container가 Flex 영향을 받는 전체적인 공간이고 Flex Container에 설정된 값에 따라, Flex-item들이 정렬된다. Flex는 컨테이너와 아이템에 적용하는 속성이 나뉘게 된다. 2. flex-container에 적용하는 속성 1) display: flex display:flex 속성을 통하여 flex를 적용시킨다. 부모 요소(flex-container)에 flex 설정만 해주어도 각각의 Flex it..
CSS
2023. 6. 16. 13:08
728x90
반응형