Overflow in css

technical talkiess
0

 Overflow in css :- 


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .container {

            width: 200px;

            height: 200px;

            border: 2px solid black;

            /* ye overflow ko hideen kar deta hai  */

            overflow: auto;

            /* isse programaticly bhi hide hoti hai spae */

            /* overflow: clip; */

            /* overflow: auto hidden; */

            overflow: hidden auto;

            /* white-space: nowrap; */

            /* text-overflow: ellipsis; */

        }

    </style>

</head>

<body>

    <div class="container">

        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur, possimus. Quis animi nisi adipisci, sint consequatur dolorum harum amet. Provident perferendis quia inventore totam accusantium dolores molestias explicabo! Sequi eius atque facilis vitae aut debitis in eos vel eum doloribus beatae culpa, impedit quibusdam pariatur quis sed cum recusandae. Ut corporis deserunt atque deleniti, delectus nesciunt eligendi optio. Consequuntur asperiores quibusdam a ullam nemo reiciendis, nostrum accusantium quod commodi cupiditate dolore corporis vel provident illum modi debitis. Odio tenetur eos velit perspiciatis dolores libero dignissimos, officiis perferendis odit labore tempora molestias quo earum aut ad corrupti recusandae eligendi aliquam. Vero, quasi! Ipsum modi nesciunt aliquid incidunt odio expedita, magnam autem quibusdam amet, rem in. Enim eligendi ipsa facilis fugiat dolorum ea suscipit aut atque similique, vero molestiae alias expedita magnam ullam, eveniet et. Dolorum et, nam autem eos quo atque quos? Doloribus ratione amet quo itaque excepturi odio incidunt, numquam sed ipsa sapiente similique vel nobis repellat eos deserunt cum esse natus dicta veniam perferendis! Omnis consequuntur temporibus optio vero explicabo, quo harum illum aspernatur, vel quod reprehenderit porro minima aut distinctio ducimus minus architecto sapiente a adipisci suscipit dignissimos pariatur eius dolorum laudantium? Aliquid nisi assumenda harum consectetur eos.

    </div>

</body>

</html>


Tags

Post a Comment

0Comments

Thanks you for commenting your questions. I will see question and respond you.

Post a Comment (0)