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>
    
    评论

报告相同问题?

悬赏问题

  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘
  • ¥15 来真人,不要ai!matlab有关常微分方程的问题求解决,
  • ¥15 perl MISA分析p3_in脚本出错
  • ¥15 k8s部署jupyterlab,jupyterlab保存不了文件
  • ¥15 ubuntu虚拟机打包apk错误
  • ¥199 rust编程架构设计的方案 有偿
  • ¥15 回答4f系统的像差计算