版面

可見性visibility

Controlling whether an element is visible.

Examples

Use invisible when an element should not be painted but should still reserve its layout space.

<div class="invisible">    Hidden placeholder</div>

Generated CSS

@layer utilities {    .invisible {        visibility: hidden    }}

Use visible to override an inherited or conditional hidden state.

<div class="invisible visible@sm">    Visible on larger screens</div>

Use visibility:collapse for table rows or columns that should be hidden using table collapse behavior.

<tr class="visibility:collapse">    <td>Collapsed row</td></tr>

Apply styles based on different states using selectors and conditional queries.

<div class="invisible:hover visible@sm visible@print">...</div>

Setting an element is positioned in a document.

Set the z-order of a positioned element.