当先锋百科网

在JavaScript中，平方根是一个经常用到的数学概念。以2为例，它的平方根就是1.41421...这个数。在实际开发中，我们常常需要使用JavaScript来计算平方根。那么，该怎样在JavaScript中计算平方根呢？接下来我们将对此进行详细介绍。在JavaScript中计算平方根，通常有两种方式。第一种方式是使用Math.sqrt()方法，该方法可以直接计算出给定数的平方根。例如，我们要计算2的平方根，可以使用以下代码：Math.sqrt(2); // 1.4142135623730951第二种方式是手动计算平方根。假设我们要计算

Python是一种非常流行的编程语言，特别适用于数据科学和机器学习领域。今天，我们将学习如何使用Python绘制相切的圆。import matplotlib.pyplot as plt import numpy as np # 创建一个fig对象和ax对象 fig, ax = plt.subplots() # 创建一个圆形 circle1 = plt.Circle((0, 0), 1, color='r', fill=False) # 设置坐标轴范围 ax.set_xlim((-2, 2))

如果你是一名Web开发者，你一定很熟悉JavaScript这门脚本语言。而在JavaScript中，获取元素是非常重要的一个功能，获取元素的唯一标识符id更是基础中的基础。今天，我将介绍如何通过JavaScript获取元素的id，让你更好地掌握JavaScript的基础知识。在JavaScript中，获取元素的id有多种方法。下面让我们来一一了解。1. getElementByIdvar element = document.getElementById("element-id");这是最常用的一种方法。使用getEle

在Web应用程序中，数据的传输是很重要的一步。而HTTP协议则是Web应用程序中最常用的数据传输协议之一。当我们需要利用HTTP协议实现客户端与服务器的数据交互时，我们通常会使用cURL库来构造HTTP请求体。而在这其中最常见的就是使用PHP语言中的cURL库来实现HTTP POST请求。接下来，我们就来详细了解一下PHP中如何利用cURL库创建HTTP POST请求。 首先，让我们来看一下一个最简单的cURL POST请求的代码：<?php $url = 'https://www.example.com/api/create_user.php'; $da

Java中有两个重要的概念——构造器和方法，它们虽然有相似的地方，但却有许多区别。首先，构造器是用来初始化一个对象的。在一个类中，可以定义一个或多个构造器，它们的名称与类名称相同。当使用new关键字创建一个类的对象时，实际上是调用了一个构造器。构造器的返回值类型必须是void，而方法却可以返回任何类型的值。其次，构造器没有返回值，它的主要作用是初始化对象的属性。而方法则可以带有多个参数，用来完成一些特定的任务。方法可以被类内部或外部调用，而构造器只能被内部调用，也就是说只能从一个类的另一个构造器中调用它。还有一点需要注意的是，当一个类没有定义任何

CSS伸缩布局是一种管理网页元素布局的方法，它利用了CSS3中的弹性布局机制。它通过精细的设置，可以让网页元素在不同屏幕尺寸和设备方向下自适应地调整位置和大小，使得网页布局更加灵活和美观。CSS伸缩布局的核心是弹性容器和弹性项目。弹性容器定义了弹性布局的作用范围，而弹性项目则是被弹性容器管理的元素。弹性容器有两种：水平排列和垂直排列。对于水平排列，使用display: flex；对于垂直排列，使用display: flex-direction: column;。弹性项目可以通过设置各种弹性属性来调整自身在弹性容器内的位置和

今天接一个zblogPHP模板修改，使主题首页、分类列表支持瀑布流显示，如下图：下面来分享下jQuery插件Masonry实现瀑布流的方法：1、分别下载 jQuery 与 Masonry ，然后把他们都加载到页面中使用。

这问题问的。。平时苦逼写代码，，周末去拍啊。。。我也是Python程序员，，，摄影只有周末玩。。。鱼和熊掌不可兼得啊。。。

拍摄Vlog的时候用手机里的哪款APP好？Vlog 主张用最真实的情感记录下生活的点点滴滴，每个人都可以用手头的设备去捕捉生活精彩瞬间。如何用手机拍一部有趣的 vlog？这里给大家提供一些简单的入门技巧，拿起手机，一起拍吧！懒人目录前期准备后期剪辑前期准备1. 设置手机分辨率拍摄前用户可对手机相机的分辨率进行调节，清晰度越高，视频也将越高清。以 iPhone 为例，点击「设置」-「相机」-「录影」，具体设置如图。2. 确定 vlog 主题一个明确的 vlog 主题

说老人那是指到了退休年龄55周岁开外的人来说，称为老人，一般情况下退了休不需要再工作了，享受着天伦之乐的时光了。但是一些老人开的退休金很少，在身体好的情况下，必须出去干点啥弥补退休金太少的不足，退休金两千左右甚至一千五左右，这也算退休金，随着物价的不断上涨这些钱，只是达到温饱，那需要不得病的情况下，如果一旦得病，那就要倾家荡产都不够。住进了医院就要听医生摆布，你肚子疼给你做脑CT、又做脑核磁和肚子疼基本没有关系，脑袋疼又化验尿、又化验血，做机器检查只能报销一半，化验检查不在医保范围内。所以退休了在身体允许的情况下，老年人还是需要再干份工作来积赚点钱留着过河。那适合老年人的工

PHP AmazeUI是一款可以使开发人员更加便捷地创建响应式Web应用程序的前端框架，其主要特点是样式、功能、事件处理都可以快速完成。这个框架包含了大量组件，包括按钮、标签、面板、导航栏、表单、列表、图像、栅格系统、工具栏和菜单等，可以从事任务、消息、通知、提示框、进度条、模态框、弹出框等任务。举个例子，以下是使用PHP AmazeUI创建一个按钮组的代码：<div class="am-btn-group"> <button type="button" class="am-btn am-btn-default"&

在今天的市场上，430.00 php是一笔相当可观的金额。它可以用于许多不同的场合和用途，如购物、旅游、打赏、付款等等。在下文中，我们将对这个金额的使用进行更深入的探讨。首先，让我们来看看在购物方面，430.00 php可以买到哪些物品。在菲律宾，这个金额足以买到一件普通的连衣裙、几条短裤或者数件基本款T恤。在市场上，430.00 php可以买到大约2公斤的新鲜虾、3公斤的新鲜鱼或者约5公斤的新鲜蔬菜水果。//示例PHP代码 $price = 430.00; $items = arr

Java中的对齐方式包括左对齐和右对齐，这一点在字符串输出时显得尤为重要。在Java中，我们可以通过使用格式化字符串和标志来实现对齐。//左对齐 System.out.printf("%-10s %5d%n", "Java", 100); //输出结果为： Java 100 //右对齐 System.out.printf("%10s %5d%n", "Java", 100); //输出结果为： Java 100上面的例子中，我们使用了%和标志符-来实现了左对齐，而

PHP AMF，全称为PHP Action Message Format，在Web开发中是一种非常重要的工具。它是一种面向Web服务的通信协议，通常用于动态Web应用程序中。PHP AMF的主要功能是实现服务器端和客户端之间的数据交换。相比于其他通信协议，它具有更快的处理速度和更高的安全性，因此受到了广泛的应用。在实际应用中，通过PHP AMF可以实现客户端和服务器之间的实时数据传输。例如，可以使用PHP AMF来实现在线聊天室、即时通信等业务。此外，PHP AMF也可以用于跨域通信，允许Web应用程序在不同的域中进行数据交换。// 以下是PHP AMF实

在当今的Web开发中，前端和后端的交互日益重要，前端框架的不断发展也促进了后端语言的更新和升级。而PHP作为一种最常用的后端语言之一，其适应不断变化的市场化环境的需求也变得越来越迫切。而随着前端模块化和模块化开发的趋势不断地发展，AMD(Asynchronous Module Definition)规范应运而生，更好地解决了前端模块化开发的问题。本文将详细介绍PHP AMD的相关知识及应用。 AMD规范通过定义一种模块化的方式，将多个js文件按需加载，从而减轻了大量的冗余和重复代码。而PHP AMD则是基于AMD规范，使得php的后端可以与前端进行良好的交互和协作。比如，在使用Require

在现代科技快速发展的背景下，计算机操作系统的选择变得越来越多样化。对于一些需要同时使用Chrome OS和macOS两种操作系统的用户来说，如何在一台设备上安装双系统成为了一个重要问题。通过在设备上安装Chrome OS和macOS双系统，用户不仅可以享受到macOS优秀的用户界面和应用生态，还可以使用Chrome OS流畅的网络浏览和谷歌应用。本文将分析Chrome OS和macOS双系统的安装流程和技巧，并提供一些示例说明。首先，安装Chrome OS和macOS双系统需要一台支持双系统安装的设备。例如，苹果的MacBook系列产品通常具备较好的双系统兼容性，用户可以在

PHP是一种开源的编程语言，被广泛应用于web开发。在开发中，高效的编写代码是无法避免的问题。而为了提高效率，开源社区也不断地进行更新，优化 PHP 的一系列库和框架。42期的PHP课程便是如此，在这里，您将学习到课堂内外的最优解。在42期的PHP课程中，除了熟悉基本语法外，我们还会关注一些实际应用的案例，例如：开发通用的后端服务接口时需要熟悉RESTful API，此外还有针对特殊行业的解决方案，例如物流行业管理系统、教育管理系统等等。同时，学员还将学习到开发和使用一些常用的框架，例如 Laravel、CodeIgniter、Zend Framework。

PHP通过其强大的插件机制借鉴ECMAScript 6中的概念，使得开发者们能够像编写JavaScript模块一样地编写PHP模块，这就是AMD模块。AMD模块允许在处理异步依赖时进行更精细地控制，从而提高应用程序的可维护性和性能。在AMD模块中，通过define()函数来定义模块，并使用require()函数进行模块加载。下面是一个例子：define([ 'vendor/jquery', 'vendor/underscore' ], function($, _) { return { someFuncti

PHP是一种流行的Web编程语言，具有广泛的应用和强大的功能。AWS（Amazon Web Services）是一种云计算服务，提供了各种云计算服务，包括存储、计算、数据库等。在AWS上使用PHP来构建Web应用程序是非常常见的，这里我们将探讨如何使用PHP在AWS上构建Web应用程序。 首先，让我们来看看如何在AWS上获取PHP空间。 AWS提供了一种服务称为Elastic Beanstalk，它可以自动部署、缩放和管理Web应用程序。用户只需提供包含PHP代码的ZIP文件，并选择所需的PHP版本，即可快速轻松地在Elastic Beanstalk上启动PHP应用程序。以下是一个简单的PH

从一开始，Amazon便是互联网上最大的在线零售商之一。他们的商品广泛，价格优惠，服务周到，这些都是他们受欢迎的原因。因此，许多公司和开发者都希望使用Amazon的商品数据来为自己的业务和应用程序提供有关最新市场趋势和最佳选项的信息。这就需要使用PHP Amazon接口来实现。（117字） 我们来看一个例子：假设你正在开发一个电子商务网站，需要显示热门的电子产品和价格。那么，使用PHP Amazon接口可以从Amazon的产品数据库中获取电子产品的ASIN（Amazon Standard Identification Number）和价格，然后将这些信息集成到你的网站上。这样，用户就可以在你

参考事业单位招聘网。逢进必考。

我目前做淘宝客，还做闲鱼转转，都还可以啊，还有阿里巴巴云客服，关键淘宝客自己用很省钱啊

你好，随着流程图运用的广泛性，越来越多的人们将使用流程图，因此大家在选择工具的时候很是头疼，我经常绘制流程图使用的工具迅捷画图，因为是在线网站，可以直接在线绘制各种思维导图、流程图等多种图形，网站里面有很多的模板，可以直接套用模板在线编辑，之后可以将编辑好的模板进行导出保存，导出的格式有很多种可以根据自己需要的格式进行导出即可；希望上述的方法可以帮助到你

测试工程师学习python自动化测试啊，干嘛用javapython简单库那么多

适合女生想创业的都有哪些项目呢，20多岁可以创业吗？

我觉得女生最吃香的职业有以下这四种：第一，是做老师。不管是做幼儿园、小学或者中学老师，女生做老师都是很好的，做老师首先就得要求自己努力学习多各方面的知识，见多识广的，做事有耐心，遇事能冷静、随机应变处理，多读书能陶冶情操让女生素质好，也让女生更加有气质！工资稳定，假期又多。以后自己结婚生子后还能更加懂得方法去教育孩子，培养孩子成人才！就拿我来说吧，我读书的学校就是师范类的学校，但毕业就没有分配了，觉得做老师还挺好的！我小姨就是做初中老师的，姨父也是做老师，他们是有分配的，自己读师范学校考上去的，他们在前几年工资涨了，待遇福利也都比以前好很多了，小姨经常说可惜我

在macOS X 10.12上使用Caffe存在一些问题，但是通过一些调整和改进，依然可以顺利运行Caffe。下面将介绍一些常见问题以及解决方案。首先，当我们尝试在macOS X 10.12上编译Caffe时，可能会遇到编译错误。例如，在使用Xcode 8进行编译时，可能会出现链接错误。解决这个问题的方法是在编译命令中添加适当的参数，指定合适的库路径。例如，我们可以在使用make命令编译时，使用下面的命令：make all -j8 CPPFLAGS="-stdlib=libstdc++" CXXFLAGS="-stdlib=libstdc++"

在前端开发中，布局一直是一个重要的部分。为了让网站更加美观和易于使用，开发人员需要选择一种灵活的布局方式。其中一种比较流行的布局方式就是栅格化布局。栅格化布局是一种将页面分成列和行的方法。每列和每行都有一个固定的宽度，通常以百分比为单位。通过将页面划分为网格后，您可以更轻松地定位元素和设计响应式布局。在栅格化布局中，CSS框架和库经常被使用。这些库包括Bootstrap、Foundation、Semantic UI等。它们为栅格化布局提供了内置的样式和类，以减少代码的编写量。例如，以下是Bootstrap栅格化布局的示例：<

MySQL是一种流行的关系型数据库管理系统，查询性能非常重要。索引是一种优化技术，可以提高查询速度。在MySQL中如何确定查询是否走索引呢？以下是一些方法：EXPLAIN SELECT * FROM table_name WHERE column_name = 'value';在MySQL命令行中输入上述命令并按回车键，可以获得查询执行计划。执行计划将显示查询使用的索引、扫描的行数及其他执行细节。如果查询使用了索引，则可以看到“Using index”或“Using where; Using index”。SHOW INDEX FRO

在进行网页制作的过程中，经常需要对网页中的 CSS 样式进行调整。而要想查看某一个元素的样式，就需要使用浏览器的开发者工具来进行查看。 下面介绍一下如何在 Google Chrome 浏览器中查看网页元素的 CSS 样式详情。 1. 打开需要查看 CSS 样式的网页，并进入开发者工具 可以通过按 F12 键或者在菜单栏中选择“更多工具” - “开发者工具”来进入开发者工具界面。 2. 选中要查看 CSS 样式的元素 在开发者工具界面中，点击左上角的“选取元素”按钮（或者按 Ctrl+Shift+C），然后在网页上点击要查看 CSS 样式详情的元素。 此时，选中的元素会在开发者工具中

在网页设计中，经常要用到各种形式的统计图表，在这些图表中，柱状图是一种比较常见的图表类型。实现柱状图的方式有很多种，本文将介绍一种用 CSS 制作柱状图的方法。首先，我们需要先准备好 HTML 结构：<div class="chart"> <div class="bar" style="height: 80%;"></div> <div class="bar" style="height: 60%;"></div> <div class="bar" style=

在前端开发过程中，使用Ajax技术可以实现页面的异步更新，提升用户体验。而通过添加pre标签，可以优化展示异步请求返回的数据。pre标签被用来定义预格式化的文本，其中的文本通常会保留空格、换行符和其他空白字符的原始格式。在本文中，我们将展示如何使用Ajax和pre标签来处理异步请求返回的数据，并通过举例说明其使用场景和优势。 在一些数据展示类的网站中，我们经常需要通过Ajax技术从服务器请求数据并在页面上展示。例如，在一个天气预报网站中，我们可以通过用户输入城市名并点击查询按钮来获取该城市的天气数据，并实时在页面上显示。在没有使用pre标签的情况下，返回的天气数据会以一行一行的形式呈现，使得

PHP 5.4 Class简介 在PHP中，Class是面向对象编程中的一个重要的构成部分。通过使用Class，可以将数据和方法封装在一起，并且可以通过实例化对象的方式进行多次调用。PHP 5.4版本的Class在之前的版本的基础上进行了一定的优化和更新，可以更加方便的使用。下面我们来详细了解一下。 属性的默认值 在PHP 5.4中，可以为一个属性设置默认值。比如下面的代码：class myClass { public $name = 'class name'; }在这个例子中，当实例化myClass的对象时，$name属性的默认值为'class

JavaScript COM 组件开发 随着 Web 应用程序的普及，JavaScript 变得越来越重要。JavaScript COM 组件开发是一种很好的方式，它可以让你使用 JavaScript 来访问 COM 组件。 什么是 COM 组件？ COM 是组件对象模型的缩写，是一种 Microsoft 面向对象编程的技术。COM 组件是一种可重用的软件组件，它们可以被其他应用程序使用。COM 组件可以用多种编程语言开发，如 C++、C#、VB.NET 和 JavaScript 等。 如何使用 JavaScript 访问 COM 组件？ JavaScript 可以使用 Active

Java作为一种开发语言，拥有着众多优秀的框架，比如Spring、Hibernate、MyBatis等。下面将分别介绍这些框架的优缺点以及区别。Spring框架优点： 1. 轻量级框架，容易上手，开发效率高； 2. 对多种技术的支持广泛，可以和其他框架无缝整合； 3. 提供了依赖注入、面向切面编程等丰富的功能。 缺点： 1. 配置繁琐，配置文件过多； 2. 版本更新过快，相对不够稳定； 3. 学习曲线较陡峭。 区别： Spring框架是一个综合性框架，涵盖了Web

< p >如果你正在构建一个需要用户交互的网站，那么你可能需要用到复选框（check box）。复选框是一种允许用户从一组选项中选择一个或多个选项的表单元素。在本文中，我们将探讨如何使用JavaScript对复选框进行操作，以及如何从复选框收集和处理数据。< /p>< p >首先，让我们看一下如何创建一个简单的复选框。要创建一个复选框，我们可以使用以下代码：< /p>< pre >< label >< input type="checkbox" name="option1" value="1">Option 1

Java 是一个非常流行的编程语言，它为开发人员提供了大量的类和集合框架，可以帮助我们开发出高效、可维护的应用程序。在这篇文章中，我们将介绍一些常用的 Java 类和集合框架，并提供一些实验，帮助您更好地理解和应用这些概念。Java 常用类：- Math: 提供了许多数学函数，如三角函数、指数和对数等。 - String: 用于表示文本字符串，提供了许多字符串操作函数，如拼接、查找和比较等。 - Date: 表示日期和时间的类，提供了许多日期和时间操作函数。 - File: 用于操作文件和目录的类，提供了许多文件和目录操作函数

< p>JavaScript的canvas是一个强大的HTML5元素，它提供了一个简单的绘画界面和API，用于创建各种图形和动画效果。其中，缩放是其最常用的功能之一。在本文中，我们将深入探讨JavaScript canvas缩放的相关知识。< p>首先，我们需要理解canvas的坐标系统。其坐标原点（0,0）位于画布的左上角，x轴向右延伸，y轴向下延伸。当我们在canvas上绘制一个图形时，我们使用的是绝对像素值。因此，在进行缩放时，实际上是将绘制的图形进行缩放，并将其所需要的像素数量减少或增加。< p>例如，我们有一个画布的宽度为600像素和高度为400像

PHP 5.4 & 是目前最流行的 PHP 版本之一，受到了很多开发者的青睐。一些新的特性和改进的性能，让 PHP 5.4 & 成为了开发现代网站的首选。一个很明显的改进是 trait 的引入，trait 可以让多个类共享代码，减少重复的代码。下面是一个使用 trait 的例子:trait HelloWorld { public function sayHello() { echo 'Hello World!'; } } class MyClass { use HelloWorld

Web开发中，JavaScript是一种非常流行的编程语言，可以为网站带来极大的灵活性和交互性。其中的canvas元素，可以帮助我们在页面上呈现出绚丽多彩的图形效果。但是，当我们不小心将一些错误的绘图操作加入到canvas中时，我们需要及时采取措施进行撤销。在这篇文章中，我们将详细介绍JavaScript的canvas元素撤销机制，希望能给大家带来帮助。首先，我们需要了解当我们在canvas上绘制一些图形的时候，实际上是将这些图形的绘制指令添加到一个可以被撤销的栈中。类似于文本编辑器中的撤销操作。如果我们希望撤销当前绘制的图形，可以通过canvas的API来完成。

CSS3是Web前端开发中必不可少的组成部分，其中缩放是常用的样式属性之一。在CSS3中，我们可以使用transform属性来进行缩放操作，同时也可以通过指定缩放中心来实现更加复杂的缩放效果。/* 对元素进行缩放 */ transform: scale(2); /* 指定缩放中心为左上角 */ transform-origin: left top;在上述代码中，transform: scale(2);表示将元素缩放到原始大小的两倍，而transform-ori

ActiveX控件在Web开发中具有重要的作用，使得开发人员可以在网页中使用直接在桌面应用程序中使用的控件。而PHP作为一种流行的Web开发语言，也具有灵活的功能。在使用ActiveX控件时，PHP可以帮助我们更好地实现各种功能。下面通过举例说明，介绍ActiveX控件与PHP的相关使用方法。首先，我们可以使用ActiveX控件实现页面向用户提供自定义内容。例如，我们可以使用Joomla框架并集成使用TinyMCE插件。在这个插件中，我们可以查看ActiveX控件实际所创建的内容，并改变这些内容。改变之后，控件可以自动将这些更改应用到当前编辑的页面中，而不需要用户进行任何额

Java中的常量和变量都是拥有不同的特点，它们在比较过程中需要注意以下几点。首先，常量和变量的比较需要使用不同的操作符。Java中使用“==”操作符比较两个变量或常量的值是否相等。当比较两个变量时，比较的是它们的值；当比较两个常量时，比较的是常量的引用地址是否相等。如果需要比较两个常量的值是否相等，可以使用equals()方法。String a = "hello"; String b = "hello"; if(a == b){ System.out.println("a 和 b 的引用地址相等"); }

1、float属性浮动应用，c语言中的两种实型变量？分为两种：一种浮点单精度类型，采用4字节存贮，用float定义。另一种是双精度类型，采用8字节存贮，用double定义C语言中单精度类型称为浮点类型（float），顾名思义是通过浮动小数点来实现数据的存储。它所占的内存空间为4字节（32位）。双精度数据类型（double）与float 数据类型相似，但精确度提高到16位，而且占的内存空间为8字节（64位），其数值范围为1.7E-308～1.7E+308。

1、float属性的特性，html5文本外观属性都有哪些数请说明其具体用法？值 描述left 元素向左浮动。 right 元素向右浮动。 none 默认值。元素不浮动，并会显示在其在文本中出现的位置。 inherit 规定应该从父元素继承 float 属性的值。

1、css选择器和常用属性，CSS优先级算法如何计算？css 最常用的选择符是类，即class,还有就是id 和元素，其次有通配符*还有一些伪类和伪元素。子元素可以继承父元素的属性值。优先级的话，id > class ＞元素＞伪类和伪元素。! important 优先级最高，但不常用。还有一种是.id > .class 要大于. class, 既优先权可以累加

CSS栅格系统已经成为现代Web设计中的一个不可或缺的工具，它能够以灵活简便的方式为用户提供整齐美观的网页设计。本文将介绍CSS栅格实例及其使用方法。//html代码 <div class="row"> <div class="col-6"> <p>左侧内容</p> </div> <div class="col-6"> <p>右侧内容</p> </div> </div>&#

什么是CSS栅格化？CSS栅格化是基于网格系统的布局方法，使网页的设计更加规则化和统一化。通过CSS栅格化可以快速而简单地构建网页布局，使页面中的元素可以更加美观地排列。/* 栅格化代码 */ .row{ display: flex; flex-wrap: wrap; margin: -10px; } .col{ flex: 1 0 0%; padding: 10px; } /* 媒体查询 */ @media only screen and (max-width

CSS栅格化布局是一种广泛使用的网页布局方式。它使用网格系统来划分页面的布局，使得页面元素的排布更加整齐、规律、灵活、自适应。如果你想学习如何使用CSS栅格化布局，那么下面这个视频可能会帮到你。<iframe width="560" height="315" src="https://www.youtube.com/embed/HS-iEgASYRY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allow

CSS栅栏模式是一种流行的网页布局技术，它可以将网页划分为若干列，每列的宽度和位置都可以自定义。CSS栅栏模式基于CSS3的Flexbox布局属性实现，让网页的布局变得更加灵活、自适应。/* 定义栅栏容器 */ .container { display: flex; flex-wrap: wrap; } /* 定义栅栏项目 */ .item { flex-grow: 1; flex-basis: calc(100% / 3); /* 每行3个 */ margin: 10px;