# flex direction
넷플 프로젝트 - 비회원용 메인 (css)
height : 요소의 세로 크기를 정의하는 데 사용하는 속성으로 content 영역의 높이를 지정한다. \- height:auto; 브라우저 자동으로 계산하여 적용하며 기본적으로 컨텐츠 영역의 내용만큼 높이를 가진다 \- height : length; 고
Flexbox
01 Flexbox (Flexible Box Module) > flex-direction: row / column; flexbox에서 레이아웃의 방향을 결정하는 속성이다. row가 기본값이며 메인축 즉, 가로축 방향을 설정하고 왼쪽에서 오른쪽으로 item이 정렬된
Flex 레이아웃
CSS 레이아웃의 꽃 !특징을 변경할 때 사용한다.flex는 레이아웃 배치 전용 기능으로 고안되었기 때문에 float에 비해 훨씬 편리하다.block or inline으로 구분되지 않고 독자적인 속성을 가진 요소로 구분된다.위의 코드에서 부모요소는 container,
[CSS] flex 레이아웃 2-11
웹 사이트의 구조를 영리하게 짤 수 있다.display를 flex로 지정하면 플렉스 방식으로 자식 요소들을 배치하게 된다.inline-flex는 해당 컨테니어 요소를 인라인으로 만든다는 차이가 있다.flex-direction의 값row(가로로 왼쪽부터)column(세로
[프론트엔드] Flex속성
Flex 속성 flex-direction : row | row-reverse | column | column-reverse > row(default) >row-reverse >column >
Flexbox
flexbox = Flexible Box Moduleflexbox 내의 아이템 간의 공간 배분과, 정렬 기능을 제공하는 레이아웃 모델레이아웃을 다룰 때 한 번에 하나의 차원(행 or 열)만을 다룬다. = 1차원 모델display: flex 부모 박스 요소에 적용해, 자
[CSS]flexbox,display,flex-direction,flex-flow,flex-warp
컨테이너안에 item들이 있어야 하는 즉, 부모와 자식간의 관계를 가지고 있어야 성립2차원의 평면이 아닌 1차원의 요소들을 정렬하기 위해 나온 개념felx containeritem의 부모felx item부모의 자식간의 관계에서 자식의 해당 main axis행의 축, 주
Flex로 display 해버리기 [flex-direction]
Flex에는 Flex items와 Flex container가 있다.flex의 속성들을 flex-items를 flex-container를 기준으로 어떻게 배치할 것인가에 대한 설정이 필요하다. 따라서 모든 flex 속성은 flex-container에 작성한다.flex-
css_flex
11/8 다시 시작된 월요일 오늘은 아침부터 비가 엄청 쏟아지고 있다. 비소리에 놀라깼지만 사실은 어제밤부터 flex에 대한 개념이 흐릿해서 그 생각에 잠이 깼다. 수업듣기 전에 flex 좀 살펴보고 들어가야 겠다. 1. flex 📗 flex 이전의 이야기... f
[CSS] Flexbox
flex-direction, flex-wrap,justify-content align-items 같은 flex-box요소들과, flex-grow, flex-basis, align-self 같은 flex-item요소들에 대해 다룬다.
