Layout

isolation

用於控制元素是否應明確建立新的堆疊上下文的通用類別。

ClassStyles
isolate
isolation: isolate;
isolation-auto
isolation: auto;

範例(Examples)

基本範例(Basic example)

使用 isolateisolation-auto 通用類別來控制元素是否應明確建立新的堆疊上下文:

<div class="isolate ...">  <!-- ... --></div>

響應式設計(Responsive design)

isolation 通用類別前面加上像 md: 這樣的中斷點變體,讓該通用類別只在中型螢幕尺寸及以上時套用:

<div class="isolate md:isolation-auto ...">  <!-- ... --></div>

變體文件中了解更多關於使用變體的資訊。

Copyright © 2026 Tailwind Labs Inc.·商標政策(Brand)