這個問題是由一個打字錯誤或一個無法重現的問題引起的。雖然類似的問題可能是這里的主題，但這個問題的解決方式不太可能對未來的讀者有所幫助。

你申請的唯一房產。定價容器是對齊項目和調整內容。這兩者只影響網格和Flex布局。pricing-container兩者都不是(它的后代是Grid和Flex布局的一部分，但它本身不是Grid和Flex布局的一部分)。

因此，任何可能影響其位置(或其內容的位置)的屬性都是div的默認屬性(display: block，text-align: start，width: auto，等等)。

您可能希望將它設置為display: flex，但是因為您實際上是在嘗試在一個網格中排列孫輩，所以您可能希望考慮替換您已經用網格布局完成的所有布局工作。

這樣做的出發點是。要顯示的定價容器:網格和。要顯示的定價計劃元素:內容，以便您可以安排。平面圖-標題等元素。

為了使用對齊項目和/或對齊內容，您必須使用顯示:伸縮或顯示:網格

.pricing-container {
      display: flex;
      align-items: center;
      justify-content: center;
    }

現在，flex項目將堆疊在一起。因此，您可以簡單地設置gap屬性，在flex項之間進行一些填充