목록flexbox (1)

roqkf

[CSS] Flexbox

float 이미지와 텍스트들을 어떻게 배치할 건지 정리하기 위해 나타남 float:left = 이미지가 왼쪽으로 정렬되고 나머지 텍스트 float:center = 이미지가 가운데 float:right = 이미지가 오른쪽 Flaxbox 컨테이너에 적용하는 속성값이 존재, 컨테이너 안의 아이템이 적용하는 속성값이 존재 중심축(main axis)과 반대축(cross axis)이 있음 - container 속성 1. display (flex 사용을 위해 선언) - display: flex; 2. flex-direction (방향) - flex-direction: row; (기본) - flex-direction: row-reverse; - flex-direction: column; - flex-direction:..
💻 Development/CSS 2022. 11. 27. 01:11
이전 Prev 1 Next 다음