Syntax
white-space
Controlling how whitespace and line breaks within an element are handled.
Overview
| Class | Declarations |
|---|---|
white-space:`value` | white-space: `value`;
|
break-spaces | white-space: break-spaces;
|
white-space:normal | white-space: normal;
|
white-space:nowrap | white-space: nowrap;
|
white-space:pre | white-space: pre;
|
white-space:pre-line | white-space: pre-line;
|
white-space:pre-wrap | white-space: pre-wrap;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="white-space:break-spaces:hover white-space:break-spaces@sm white-space:break-spaces@dark white-space:break-spaces@print">…</div>