如何在CSS中将同一div标签中的子元素组合在一起？

在CSS中，可以使用flexbox或grid布局来将同一div标签中的子元素组合在一起。

1. 使用flexbox布局：
   • 将父元素的display属性设置为flex，即可创建一个flex容器。
   • 使用flex属性来控制子元素的宽度和高度，以及它们在容器中的位置。
   • 可以使用flex-direction属性来控制子元素的排列方向，如row（水平排列）、column（垂直排列）等。
   • 可以使用justify-content属性来控制子元素在主轴上的对齐方式，如flex-start（靠左对齐）、center（居中对齐）等。
   • 可以使用align-items属性来控制子元素在交叉轴上的对齐方式，如flex-start（靠上对齐）、center（居中对齐）等。
   • 示例代码：
   • 示例代码：

• 使用grid布局：
  • 将父元素的display属性设置为grid，即可创建一个grid容器。
  • 使用grid-template-columns和grid-template-rows属性来定义网格的列和行。
  • 可以使用grid-column和grid-row属性来控制子元素在网格中的位置。
  • 可以使用grid-gap属性来设置子元素之间的间距。
  • 示例代码：
  • 示例代码：

以上是两种常用的方法，可以根据具体需求选择适合的布局方式来将同一div标签中的子元素组合在一起。