# justify content

12개의 포스트
post-thumbnail

Flex로 display 해버리기 [justify-content]

js빈에 작성하기 JS Bin 1 2 3 css .outter { width: 350px; height: 350px; background-color: green; display: flex; justify-conten

2022년 5월 25일
·
0개의 댓글
post-thumbnail

2022 04 29 CSS

수직 정렬을 할 때 쓴다.hover는 마우스를 올렸을 때 다른 동작을 하도록 만드는 것이다.그냥 hover를 쓰는 것은 문제가 없으나, 호버 해당 부위를 설정할 때는 이런 식으로 써야한다.여기서 자세히 보기https://studiomeal.com/archive

2022년 4월 28일
·
0개의 댓글
post-thumbnail

flex 요소 정리

flex 컨테이너 요소들에 대해 간략하게 정리

2021년 11월 30일
·
0개의 댓글
post-thumbnail

css_flex

11/8 다시 시작된 월요일 오늘은 아침부터 비가 엄청 쏟아지고 있다. 비소리에 놀라깼지만 사실은 어제밤부터 flex에 대한 개념이 흐릿해서 그 생각에 잠이 깼다. 수업듣기 전에 flex 좀 살펴보고 들어가야 겠다. 1. flex 📗 flex 이전의 이야기... f

2021년 11월 8일
·
0개의 댓글
post-thumbnail

[CS] Content 정렬 Day-14

Flexbox를 원하는대로 제어하기 위해서는 axis(축)을 잘 이해해야 합니다.axis(축)은 main axis와 cross axis가 있습니다.main axis는 flex-direction 속성에 의해 결정됩니다.flex-direction의 기본 값(row) 상태

2021년 10월 21일
·
0개의 댓글
post-thumbnail

CSS 중급

클래스 이름과 구현을 1:1로 일치시켜 아주 작은 단위로 CSS를 작성하는 기법기본 스타일링 제거하는 CSS 코드방향: flex-directionrow(기본값)column얼마나 늘릴 것인가: flex-grow얼마만큼의 크기를 갖는가: flex-basis수평 정렬: ju

2021년 10월 21일
·
0개의 댓글
post-thumbnail

[CSS] Grid

Grid의 row-gap, colunm-gap, grid-auto-columns, grid-auto-flow, grid-template-areas등의 속성을 다룬다.

2021년 10월 1일
·
0개의 댓글
post-thumbnail

[CSS] Flexbox

flex-direction, flex-wrap,justify-content align-items 같은 flex-box요소들과, flex-grow, flex-basis, align-self 같은 flex-item요소들에 대해 다룬다.

2021년 10월 1일
·
0개의 댓글
post-thumbnail

justify-content

flex 라는 display 속성: css 의 flex 는 엘리먼트들의 크기나 위치를 쉽게 잡아주는 도구이다.flex 를 사용하기 위해서는 컨테이너 태그에 display: flex 속성을 부여해야한다.(flex-direction: row; 을 사용하여 정렬방법을 세로로

2020년 8월 10일
·
1개의 댓글

CSS Grid - justify content, align content, place content

CSS Grid - justify content, align content, place content

2020년 1월 27일
·
0개의 댓글