版面配置
break-after
用於控制元素後方欄或頁面應如何中斷的實用程式。
| 類別 | 樣式 |
|---|---|
break-after-auto | break-after: auto; |
break-after-avoid | break-after: avoid; |
break-after-all | break-after: all; |
break-after-avoid-page | break-after: avoid-page; |
break-after-page | break-after: page; |
break-after-left | break-after: left; |
break-after-right | break-after: right; |
break-after-column | break-after: column; |
範例
基本範例
使用像是 break-after-column 和 break-after-page 這類的實用程式，來控制元素後方的欄或頁面中斷應該如何運作
<div class="columns-2"> <p>Well, let me tell you something, ...</p> <p class="break-after-column">Sure, go ahead, laugh...</p> <p>Maybe we can live without...</p> <p>Look. If you think this is...</p></div>響應式設計
前綴a break-after 實用程式 使用像是 md: 這類的中斷點變體，僅在中等 螢幕尺寸以上套用實用程式
<div class="break-after-column md:break-after-auto ..."> <!-- ... --></div>在變體文件中了解更多關於使用變體的資訊。
