본문 바로가기

CSS3

[Bootstrap4 사용법] justify-content 속성

그림으로 보는게  가장 빠르니 아래 그림을 참조하자.

 

 

중요한 속성은 동그라미 친 부분만 보면 된다

 

  • 아무것도 지정해주지 않는다면 default 속성은 justify-content-start 이다. 
  • between과 around의 차이점 
    • around는 자신의 블록 기준으로 왼쪽, 오른쪽의 공백크기가 같다. (그래서 맨처음과 맨 끝이 채워져 있지 않다. 공백이 들어가기 때문.)
    • between은 맨처음과 맨끝에도 채워져 있다. 

 

'CSS3' 카테고리의 다른 글

[Bootstrap4] d-flex 속성 (with breakpoints)  (0) 2021.02.09
[Bootstrap4 사용법] display 사용하기  (0) 2021.01.20
[Bootstrap4 사용법] Grid 사용하기  (0) 2021.01.19
[CSS] display 속성  (0) 2021.01.16
[CSS] position 속성  (0) 2021.01.16