Overflow
Apply display properties of an element
Classes
| Class | Properties |
|---|---|
| .overflow-{auto|hidden|visible|scroll} | overflow: {auto|hidden|visible|scroll}; |
| .overflow-x-{auto|hidden|visible|scroll} | overflow-x: {auto|hidden|visible|scroll}; |
| .overflow-y-{auto|hidden|visible|scroll} | overflow-y: {auto|hidden|visible|scroll}; |
.overflow-visible
Sets the general overflow property to visible.
xxxxxxxxxx1
<div class="overflow-visible max-h-8 p-3 bg-gray-2">2
A very small stage in a vast cosmic arena rogue rich in mystery encyclopaedia galactica Orion's sword rings of Uranus. Hundreds of thousands tendrils of gossamer clouds of brilliant syntheses extraordinary claims require extraordinary evidence from which we spring dream of the mind's eye. Descended from astronomers dispassionate extraterrestrial observer globular star cluster intelligent beings hundreds of thousands courage of our questions? The carbon in our apple pies dream of the mind's eye citizens of distant epochs extraordinary claims require extraordinary evidence concept of the number one the carbon in our apple pies and billions upon billions upon billions upon billions upon billions upon billions upon billions.3
</div>
A very small stage in a vast cosmic arena rogue rich in mystery encyclopaedia galactica Orion's sword rings of Uranus. Hundreds of thousands tendrils of gossamer clouds of brilliant syntheses extraordinary claims require extraordinary evidence from which we spring dream of the mind's eye. Descended from astronomers dispassionate extraterrestrial observer globular star cluster intelligent beings hundreds of thousands courage of our questions? The carbon in our apple pies dream of the mind's eye citizens of distant epochs extraordinary claims require extraordinary evidence concept of the number one the carbon in our apple pies and billions upon billions upon billions upon billions upon billions upon billions upon billions.
.overflow-scroll
Sets the general overflow property to scroll.
xxxxxxxxxx1
<div class="overflow-scroll h-3 p-3 bg-gray-2">2
Not nearly enough content...3
</div>
Not nearly enough content...
.overflow-auto
Sets the general overflow property to auto.
xxxxxxxxxx1
<div class="overflow-auto max-h-8 p-3 bg-gray-2">2
A very small stage in a vast cosmic arena rogue rich in mystery encyclopaedia galactica Orion's sword rings of Uranus. Hundreds of thousands tendrils of gossamer clouds of brilliant syntheses extraordinary claims require extraordinary evidence from which we spring dream of the mind's eye. Descended from astronomers dispassionate extraterrestrial observer globular star cluster intelligent beings hundreds of thousands courage of our questions? The carbon in our apple pies dream of the mind's eye citizens of distant epochs extraordinary claims require extraordinary evidence concept of the number one the carbon in our apple pies and billions upon billions upon billions upon billions upon billions upon billions upon billions.3
</div>
A very small stage in a vast cosmic arena rogue rich in mystery encyclopaedia galactica Orion's sword rings of Uranus. Hundreds of thousands tendrils of gossamer clouds of brilliant syntheses extraordinary claims require extraordinary evidence from which we spring dream of the mind's eye. Descended from astronomers dispassionate extraterrestrial observer globular star cluster intelligent beings hundreds of thousands courage of our questions? The carbon in our apple pies dream of the mind's eye citizens of distant epochs extraordinary claims require extraordinary evidence concept of the number one the carbon in our apple pies and billions upon billions upon billions upon billions upon billions upon billions upon billions.