tailwindcss/docs/source/docs/display.blade.md

extends	title	description	features
_layouts.documentation	Display	Utilities for controlling the display box type of an element.	responsive customizable hover focus true false false false

@include('_partials.work-in-progress')

@include('_partials.class-table', [ 'rows' => [ [ '.block', 'display: block;', "Set the box type of the element to block.", ], [ '.inline-block', 'display: inline-block;', "Set the box type of the element to inline-block.", ], [ '.inline', 'display: inline;', "Set the box type of the element to inline.", ], [ '.table', 'display: table;', "Set the box type of the element to table.", ], [ '.table-row', 'display: table-row;', "Set the box type of the element to table-row.", ], [ '.table-cell', 'display: table-cell;', "Set the box type of the element to table-cell.", ], [ '.hidden', 'display: none;', "Set the box type of the element to none.", ], [ '.flex', 'display: flex;', "Set the box type of the element to flex.", ], [ '.inline-flex', 'display: inline-flex;', "Set the box type of the element to inline-flex.", ], ] ])

Customizing

@include('_partials.variants-and-disabling', [ 'utility' => [ 'name' => 'display', 'property' => 'display', ], 'variants' => [ 'responsive', ], ])