in English
과다
콘텐츠가 요소를 오버플로하는 방식을 빠르게 구성하려면 이러한 단축 유틸리티를 사용합니다.
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>
$overflows
Sass 변수를 사용하여 에서 변수를 변경하여 오버플로 유틸리티를 사용자 정의할 수 있습니다 _variables.scss
.
사스
유틸리티 API
오버플로 유틸리티는 의 유틸리티 API에 선언되어 있습니다 scss/_utilities.scss
. 유틸리티 API를 사용하는 방법을 알아보세요.
"overflow": (
property: overflow,
values: auto hidden visible scroll,
),