# CSS flex

jeooooong

[CSS의 복잡한 속성] 1)Position - static, relative, absolute, fixed, sticky 2)Z-index 3)Transform 4)Transition 5)Display 6)Flex

agnusdei1207

1\. flex 선언 시 해당 태그 내부에있는 요소를 어떻게 정렬할 것인지 결정할 수 있다.justify : mainAxis 기준 정렬items : subAxis 기준 정렬

helloleesul

flexbox 핵심 속성을 알아보자 🤔

magnacut

Flex가 무엇인지 어떻게 사용하는지 알아보자

xmun74

Flex(Flexible) : "유연한"display : flexblock 특성의 flex container를 정의flex-direction아이템을 가로정렬 or 세로정렬할지 설정flex-wrapflex-flow : flex-direction값 flex-wrap값;di

e_ong

flex는 flex-grow, flex-shrink, flex-basis의 단축 속성! ⭐️ 참고사이트이 3가지 속성은 따로 쓰지 않고, 대체로 flex 단축 속성으로 작성한다.flex container의 남은 너비를 flex item들이 어떻게 나눠가질 것인지를 지

e_ong

비디오파일, 오디오파일을 문서에 삽입할 때 사용형식(audio태그도 동일)속성값🐸 flex 속성 연습 게임(https://flexboxfroggy.com/보다 쉬운 레이아웃 배치를 위해 css3에 새롭게 추가된 display 속성형식 Display: fle

yoonk1228

css, flex

mingsomm

라고 하면 div(block 요소)기 때문에 수직 정렬을 하게 된다. 수평 정렬을 하고 싶다면? 요소를 주면 수평으로 정렬된 것 같이 보이지만, 요소들간의 간격으로 인해 여백이 존재한다. (개행이 있으면 여백이 생긴다.) 하면 둥둥 부유하게 되어서 수평으로 잘 된

soyoungggg

Transform 다른 요소들에 영향을 주지 않는다. transform:scale(); 크기 transform:rotate(deg); 회전 transform:skew(deg);skewX(deg);skewY(deg); 비틀기 transform:translate(x,y)

neity16

flex-basis ( 유연한 박스의 기본 영역 ): Flex Item의 기본 크기를 설정합니다. (flex-direction이 row -> width                                                                  

neity16

(본 글은 1분코딩님의 https://studiomeal.com/archives/197를 참조하였습니다.)1차원적인 레이아웃 배치 전용 기능으로 고안되었다Flexible Box / Flexbox라고 부르기도 한다상위 모듈로는 2차원적인 레이아웃 배치를 하는 G

jonmad

css Flex css flex는 선택자에 display의 값을 flex를 줘서 선언한다. css flex에서는 두 가지 중요한 개념이 있다. > 1. flex의 속성값은 두 가지로 나뉘는데 하나는 container를 움직이는 속성 그리고 container 안에 있

hy9202

※ 출처: CSS flex※ 출처: CSS grid