Skip to content

Overflow Wrap

Controls word wrapping.

Class Properties

ow-bw

overflow-wrap: break-word;

ow-ka

overflow-wrap: keep-all;

ow-n

overflow-wrap: normal;

Using breakpoints

The utilization of breakpoint modifiers, like sm:ow-*, md:ow-*, lg:ow-*, and xxl:ow-* enables the targeting of specific utilities in disparate viewports.

<div class="ow-n md:ow-bw ...">...</div>

Using variants

The :hover variant, such as h:ow-*, allows you to modify overflow wrap styles when hovering over elements.

<div class="ow-n h:ow-bw ...">...</div>