일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- justfiy-content
- 객체지향 프로그래밍 특징
- display
- flex-direction
- class
- 상속 (inheritance)
- 캡슐화 (encapsulation)
- 문자열을 객체로 만드는법
- css 정리
- 조건문
- Math.floor()
- Promise all
- 참조자료형
- Promise Chaining
- 다형성 (polymorphism)
- 재귀적으로 생각하기
- 화살표함수 기본 개념
- 클래스 문법 구조
- probs.children
- 첫번째 미니 프로잭트
- async/await
- align-content
- 추상화 (abstraction)
- 재귀함수 탬플릿
- props비구조화 할당
- align-iitems
- Instanc
- 얕은복사와 깊은 복사
- string
- probs
Archives
- Today
- Total
목록flex-direction (1)
희락코딩

플렉스 (FLIX) html의 구도를 좀 더 수월하게 해결 해주는 친구!!! 바로 플렉스 입니다. 이친구의 기본 옵션은 정렬입니다.이번 블로깅은 플렉스가 어떤식으로 적용 되는지 이미지를 통해 정말 가볍게 알아보도록 하겠습니다. flex 플렉스는 부모요소 안에 있는 자식들을 수평으로 정렬시켜주는 속성입니다. 플렉스로 나뉜 Flex items 와 Flex Contanier에 다양한 CSS 속성을 부여 할 수 있습니다. Flex Contanier display, flex-flow , flex-direction, flex-wrap justify-content, align-content, align-items Flex items order, flex, flex-grow, flex-shrink, flex-basis..
프로그래밍/HTML, CSS
2021. 4. 28. 00:29