版面配置
box-decoration-break
用於控制元素片段在多行、多欄或多頁中呈現方式的實用程式。
| 類別 | 樣式 |
|---|---|
box-decoration-clone | box-decoration-break: clone |
box-decoration-slice | box-decoration-break: slice |
範例
基本範例
使用 box-decoration-slice 和 box-decoration-clone 實用程式來控制背景、邊框、邊框圖像、陰影、剪裁路徑、外距和內距等屬性，應呈現為如同元素是一個連續片段，還是不同的區塊。
box-decoration-slice
哈囉
世界
世界
box-decoration-clone
哈囉
世界
世界
<span class="box-decoration-slice bg-linear-to-r from-indigo-600 to-pink-500 px-2 text-white ..."> Hello<br />World</span><span class="box-decoration-clone bg-linear-to-r from-indigo-600 to-pink-500 px-2 text-white ..."> Hello<br />World</span>響應式設計
前綴a box-decoration-break 實用程式 搭配像 md: 這樣的斷點變體，以便僅在中型 螢幕尺寸及以上套用此實用程式
<div class="box-decoration-clone md:box-decoration-slice ..."> <!-- ... --></div>深入瞭解如何在 變體文件中使用變體。
