這是種現(xiàn)代的布局模式，幫助你在任何方向上對元素進行布局，且很容易地實現(xiàn)居中。你使用 "display: flex" 和 "justify-content: center; align-items: center;" 來實現(xiàn)水平和垂直居中。

這是種現(xiàn)代的布局模式，特別適合用于創(chuàng)建網(wǎng)格布局。你使用 "grid-template-columns: repeat(auto-fill, minmax(px, fr));" 來創(chuàng)建個自適的網(wǎng)格，且使用 "place-items: center;" 來使內(nèi)容居中。

這是種更傳統(tǒng)的布局方法，但仍然有用。你設(shè)置元素的 "position: absolute;"，使用 "left: %;" 和 "top: %;" 以及 "transform: translate(-%, -%);" 來使其居中。