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

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

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

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

這樣做的出發(fā)點是。要顯示的定價容器:網(wǎng)格和。要顯示的定價計劃元素:內(nèi)容，以便您可以安排。平面圖-標(biāo)題等元素。

為了使用對齊項目和/或?qū)R內(nèi)容，您必須使用顯示:伸縮或顯示:網(wǎng)格

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

現(xiàn)在，flex項目將堆疊在一起。因此，您可以簡單地設(shè)置gap屬性，在flex項之間進(jìn)行一些填充