container属性在css中定义容器元素，允许控制其尺寸、布局和内容排列：尺寸和位置：width、height、margin、padding。布局：display（inline、block、flex、grid）。flex-direction（row、column）。justify-content（start、end、center）。align-items（start、end、center）。内容排列：text-align（left、center、right）、vertical-align（t

container在CSS中的属性

container是一个在CSS中用于定义容器元素的属性，它允许开发者对其大小、布局和内容排列进行控制。

尺寸和位置

• width: 定义容器的宽度。
• height: 定义容器的高度。
• margin: 定义容器与周围元素的间距。
• padding: 定义容器内部元素与容器边缘之间的间距。

布局

立即学习“前端免费学习笔记（深入）”；

• display: 指定容器如何显示其子元素。它可以设置为以下值：

  • inline：子元素水平排列。
  • block：子元素垂直排列。
  • flex：使用弹性盒子模型布局子元素。
  • grid：使用网格布局布局子元素。

• flex-direction: 指定弹性盒子模型中子元素的排列方向。它可以设置为以下值：

  • row：水平排列。
  • column：垂直排列。

• justify-content: 指定弹性盒子模型中子元素在主轴上的对齐方式。它可以设置为以下值：

  • start：左对齐（对于行排列）或顶部对齐（对于列排列）。
  • end：右对齐（对于行排列）或底部对齐（对于列排列）。
  • center：居中对齐。

• align-items: 指定弹性盒子模型中子元素在交叉轴上的对齐方式。它可以设置为以下值：

  • start：顶部对齐（对于行排列）或左侧对齐（对于列排列）。
  • end：底部对齐（对于行排列）或右侧对齐（对于列排列）。
  • center：居中对齐。

内容排列

• text-align: 指定容器中文本的对齐方式。它可以设置为以下值：

  • left：左对齐。
  • center：居中对齐。
  • right：右对齐。

• vertical-align: 指定容器中元素在垂直方向上的对齐方式。它可以设置为以下值：

  • top：顶部对齐。
  • middle：居中对齐。
  • bottom：底部对齐。