css 流式布局


html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>title>
    <style>
      .box {
        width: 200px;
        height: 150px;
        background-color: black;
        display: flex;
        flex-flow: row wrap;
        align-content: flex-start;
      }
 
      .point {
        box-sizing: border-box;
        background-color: white;
        flex: 0 0 25%;
        height: 50px;
        border: 1px solid red;
      }
    style>
  head>
  <body>
    <div class="box">
      <div class="point">div>
      <div class="point">div>
      <div class="point">div>
      <div class="point">div>
      <div class="point">div>
      <div class="point">div>
      <div class="point">div>
      <div class="point">div>
    div>
  body>
html>

相关阅读:
2023年赋能更多的人
列主高斯消元法
C++ 文档搜索工具（附源码）
openai/chatgpt的api接口，各个模型的最大输入token一览表
Leetcode2246. 相邻字符不同的最长路径
xml文件全面解析。
WEB前端工具推荐丨分享6个热门颜色选择器组件
Python入门、环境搭建、变量、数据类型
JAVA计算机毕业设计电脑小白网站Mybatis+系统+数据库+调试部署
C/C++经典例题：百钱百鸡

原文地址：https://blog.csdn.net/m0_60559048/article/details/136588738