css 오답노트

tera_geniel·2020년 5월 22일
0

display : flex, flex-wrap

display: flex

해당 코드는 해당 컨테이너를 "flex container"로 만들어서 첫번째 자식들을 flex items로 만든다. 이렇게 설정할 경우 디폴트로 설정되는 css 요소는 다음과 같다.

- ```flex-direction: row```
- ```flex-basis: auto```
- ```flex-wrap: nowrap```
이때 ```flex-wrap: wrap```일 때 줄바꿈이 되고, nowrap일 때 줄바꿈 안되고 가로로 스크롤 바가 생긴다.

padding, margin, max-width

(1) margin, padding, border

(2) max-width
말 그대로 최대 가로 길이인 듯.

(3) box-sizing: border-box
border-box tells the browser to account for any border and padding in the values you specify for an element's width and height. If you set an element's width to 100 pixels, that 100 pixels will include any border or padding you added, and the content box will shrink to absorb that extra width. This typically makes it much easier to size elements.

justify-content

profile
맨땅에 헤딩

0개의 댓글