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：底部對齊。
