[TailWindCSS] 컨테이너 (Container) 요소의 너비와 수평 조정


[TailWindCSS] 컨테이너 (Container) 요소의 너비와 수평 조정

컨테이너 Container 컨테이너는 요소의 너비를 현재 중단점에 고정하기 위한 구성 요소입니다. 클래스 명령어 특성 .container None width: 100%; sm (640px) max-width: 640px; md (768px) max-width: 768px; lg (1024px) max-width: 1024px; xl (1280px) max-width: 1280px; 사용방법 Usage ".container" 클래스는 요소가 현재 명령어의 "min-width"과 어울리는의 "max-width" 가져오거나 설정합니다. 만약 당신이 화면 크기의 고정된 세트 대신 완전 유체 보임창 수용을 시도하 설계하고 싶어요 이 기능이 유용합니다. 여러분은 다른 프레임워크에 사용했을 것 용기와 달리 "Tailwind"의 컨테이너가 자동으로 어떤 내장형 수평 패딩이 없는 자체가 초점을 맞추지 않습니다. # 컨테이너 초점을 맞추려면 ".mx-auto"를 사용합니다. <div class="co...


#css #css프레임워크 #tailwind #tailwindcss #테일윈드 #프레임워크

원문링크 : [TailWindCSS] 컨테이너 (Container) 요소의 너비와 수평 조정