Tailwind 메모 정리2

flex 부분

flex-col	세로로 정렬
justify-center items-center	중앙 정렬
flex-wrap	공간 부족시 줄바꿈
justify-start	주축 시작 부분에 정렬
justify-end	주축 끝 부분에 정렬
justify-between	동일한 간격으로 정렬(양 끝에 붙임)
justify-around	동일한 간격으로 정렬(양쪽에 동일한 간격 뛰움)
justify-evenly	동일한 간격으로 정렬(양쪽 간격과 내용간격 같이 뛰움)

 

  

 text 부분

text-center	글 중앙정려
font-bold	font 굵게
leading-몇	line-height

 

 

모서리 둥굴게: rounded-몇

 

padding : p-몇 / pt=padding-top / pb=padding-bottom / pr, pl / py(padding-top, bottom) / px(padding-right, left)

margin : 위와 동일(m, mt, mb, mr, ml, my, mx)

 

 

조건문 css

className = {`${변수값 && "text-2xl ... 이때 넣을 css"} 그외 css text[16px] ... `}