break-after

break-after

用于控制元素之后如何换行的工具类。

Class Styles

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>好吧，让我告诉你一些事情，...</p>
  <p class="break-after-column">当然，继续，笑吧...</p>
  <p>也许我们可以没有...</p>
  <p>看。如果你觉得这是...</p>
</div>

Prefix a break-after utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:

<div class="break-after-column md:break-after-auto ...">
  <!-- ... -->
</div>

Learn more about using variants in the variants documentation.