浮动模型、文字溢出处理、相对于浏览器居中

最新推荐文章于 2025-04-29 14:44:00 发布

原创最新推荐文章于 2025-04-29 14:44:00 发布 · 209 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#模型

html 同时被 2 个专栏收录

3 篇文章

订阅专栏

css

3 篇文章

订阅专栏

本文深入探讨了HTML中浮动模型的使用方法，包括如何利用div元素创建左浮动布局，实现多列显示，并通过clear属性解决浮动引起的布局问题。此外，还介绍了文字溢出处理技巧，使文本在容器内整洁展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浮动模型

    <div class="wrapper">
        <div class="content">1</div>
        <div class="content">2</div>
        <div class="content">3</div>
        <p></p>
    </div>

   *{
        margin: 0;
        padding: 0;
    }
    .wrapper{
        border: 1px solid black;
          }
    .content{
        float: left;
        width: 100px;
        height: 100px;
        color: #fff;
        background-color: black;
    }
    p{
        border: 0;
        clear: both;
    }