CSS -当添加更多的正方形时，如何在div中调整正方形的大小？

在CSS中，可以使用flexbox布局或grid布局来调整div中正方形的大小。

1. 使用flexbox布局：
   • 在父元素的CSS样式中，设置display为flex，这样子元素会自动排列在一行或一列上。
   • 设置子元素的flex属性，可以控制子元素在父元素中的占比。例如，设置flex: 1;表示子元素平均分配父元素的空间。
   • 设置子元素的宽度和高度，可以调整正方形的大小。
   • 示例代码：
   • 示例代码：

• 使用grid布局：
  • 在父元素的CSS样式中，设置display为grid，这样子元素会以网格形式排列。
  • 设置网格的列数和行高，可以控制子元素的布局。
  • 设置子元素的宽度和高度，可以调整正方形的大小。
  • 示例代码：
  • 示例代码：

以上是两种常用的方法来调整div中正方形的大小。具体选择哪种方法取决于布局需求和兼容性要求。腾讯云提供了云计算相关的产品和服务，可以参考腾讯云官方文档获取更多信息：腾讯云产品文档。