overflow-scroll Class
The overflow is clipped but a scrollbar is added to see the rest of the content. The scrollbar can be horizontal or vertical. This class is used when you need to show scrollbars, this utility will only be shown if scrolling is necessary.
Syntax:
<element class="overflow-scroll">...</element>
Example:
<!DOCTYPE html>
<html>
<head>
<link href=
"https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
rel="stylesheet">
</head>
<body class="text-center">
<h1 class="text-green-600 text-5xl font-bold">
w3wiki
</h1>
<p><b>Tailwind CSS Overflow Class</b></p>
<div class="overflow-scroll bg-green-200
p-4 mx-16 h-24 text-justify">
How many times were you frustrated while
looking out for a good collection of
programming/algorithm/interview questions?
What did you expect and what did you get?
</div>
</body>
</html>
Output:
Tailwind CSS Overflow
This overflow is for controlling how an element content is handled that is too large for the container. It tells whether to clip content or add scroll bars. This class accepts more than one value in Tailwind CSS. It is the alternative to the CSS Overflow property.
There is a separate property in CSS for CSS Overflow-x and CSS Overflow-y,