css

41、怪异盒子的使用

yu
yu
2024-09-30 / 0 评论 / 4 阅读 / 正在检测是否收录...

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用</title>
    <style>
        .father{
            width: 900px;
            height: 300px;
            background-color: yellow;
            margin: 0 auto;
        }
        .box div{
            width: 300px;
            height: 300px;
            float: left;
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="father">
        <div>Lorem ipsum dolor sit amet consectetur adipisicing elit.
             Dignissimos amet nesciunt consectetur voluptate assumenda! Bland
             itiis perferendis sed ducimus, atque in eaque porro ipsa dig
             nissimos, nisi beatae dolore fugiat, molestias architecto?</div>
        <div>Lorem ipsum, dolor sit amet consectetur adipisicing elit. 
            Molestiae commodi eligendi incidunt, minima ipsam necessitatib
            s? Quos nulla ipsum doloremque earum libero. Est aliquam eu
            m ullam nesciunt, voluptatibus dolores error dolorem.</div>
        <div>Lorem ipsum dolor sit amet consectetur adipisicin
            g elit. Accusantium tenetur veniam quam ratione ver
            ? Deserunt aliquid accusantium aliquam fugit sed in s
            unt, explicabo tenetur earum aspernatur cupiditate aut amet maxime.</div>
    </div>
</body>
</html>
0

评论 (0)

取消