yy_09876 2019-10-20 18:54 采纳率: 0%
浏览 725

不会div+css盒子的布局

是那种div+ cssd 盒子代码布局
一个关于7个盒子代码的布局
上面三个盒子,下面三个盒子
最下面一个大盒子
谢谢大神

  • 写回答

2条回答 默认 最新

  • 拾年丶不久 2019-10-21 13:25
    关注

    我这是用块元素包含的行内块元素,你说的这个布局很容易实现,以至于实现方式很多。可以去菜鸟教程看看吧,新人去那学可能容易点,内容也浅,懂点基础了就会布简单的局了

    <style>
    .line{
    margin: 10px auto;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    }
    .inline3{
    display: inline-block;
    width: 30%;
    border: 1px solid #dadada;
    margin: 10px;
    }
    .last{
    border: 1px solid #dadada;
    }
    <style>
    <div class="line">
        <div class="inline3">第一个盒子</div>
        <div class="inline3">第二个盒子</div>
        <div class="inline3">第三个盒子</div>
    </div>
    <div class="line">
        <div class="inline3">第四个盒子</div>
        <div class="inline3">第五个盒子</div>
        <div class="inline3">第六个盒子</div>
    </div>
    <div class="line last">
        最后的大盒子
    </div>
    
    评论

报告相同问题?

悬赏问题

  • ¥15 Windows server update services
  • ¥15 关于#c语言#的问题:我现在在做一个墨水屏设计,2.9英寸的小屏怎么换4.2英寸大屏
  • ¥15 模糊pid与pid仿真结果几乎一样
  • ¥15 java的GUI的运用
  • ¥15 Web.config连不上数据库
  • ¥15 我想付费需要AKM公司DSP开发资料及相关开发。
  • ¥15 怎么配置广告联盟瀑布流
  • ¥15 Rstudio 保存代码闪退
  • ¥20 win系统的PYQT程序生成的数据如何放入云服务器阿里云window版?
  • ¥50 invest生境质量模块