과다

콘텐츠가 요소를 오버플로하는 방식을 빠르게 구성하려면 이러한 단축 유틸리티를 사용합니다.

overflow네 가지 기본값과 클래스를 사용하여 즉시 속성을 조정합니다 . 이러한 클래스는 기본적으로 응답하지 않습니다.

.overflow-auto너비와 높이 치수가 설정된 요소 에 사용하는 예입니다 . 의도적으로 이 콘텐츠는 세로로 스크롤됩니다.

.overflow-hidden너비와 높이 치수가 설정된 요소 에 사용하는 예입니다 .

.overflow-visible너비와 높이 치수가 설정된 요소 에 사용하는 예입니다 .

.overflow-scroll너비와 높이 치수가 설정된 요소 에 사용하는 예입니다 .

<div class="overflow-auto">...</div>
<div class="overflow-hidden">...</div>
<div class="overflow-visible">...</div>
<div class="overflow-scroll">...</div>

$overflowsSass 변수를 사용하여 에서 변수를 변경하여 오버플로 유틸리티를 사용자 정의할 수 있습니다 _variables.scss.

사스

유틸리티 API

오버플로 유틸리티는 의 유틸리티 API에 선언되어 있습니다 scss/_utilities.scss. 유틸리티 API를 사용하는 방법을 알아보세요.

    "overflow": (
      property: overflow,
      values: auto hidden visible scroll,
    ),