接个吻. 2021-12-14 14:25 采纳率: 93.1%
浏览 56
已结题

HTML的flex盒子左对齐的方式怎么让盒子里面的子元素铺满屏幕，不是两端对齐和居中对齐的那种

img

每次换行之后都会留下一个大空白区域，有没有什么方法可以弥补这个缺点？

  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2021-12-14 14:38
    关注

    可以用百分比，item定定宽的话容器宽度要为6*每个项的宽度（需要加上空白边）
    示例如下

    <!doctype html>
<style>
    .flexbox{display:flex;margin:0 auto;width:1280px;flex-wrap:wrap}
    .flexbox .item{width:16.66%;height:100px;box-sizing:border-box;background:#ccc;border-right:solid 1px #f00;border-bottom:solid 1px #f00}
</style>
<div class="flexbox">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 12月22日
  • 已采纳回答 12月14日
  • 创建了问题 12月14日

悬赏问题

  • ¥15 c语言怎么用printf（“\b \b”）与getch（）实现黑框里写入与删除？
  • ¥20 怎么用dlib库的算法识别小麦病虫害
  • ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
  • ¥15 java写代码遇到问题，求帮助
  • ¥15 uniapp uview http 如何实现统一的请求异常信息提示？
  • ¥15 有了解d3和topogram.js库的吗？有偿请教
  • ¥100 任意维数的K均值聚类
  • ¥15 stamps做sbas-insar，时序沉降图怎么画
  • ¥15 买了个传感器，根据商家发的代码和步骤使用但是代码报错了不会改，有没有人可以看看
  • ¥15 关于#Java#的问题，如何解决？