CSS是一種強(qiáng)大的樣式規(guī)則語(yǔ)言，可以控制網(wǎng)頁(yè)上的元素的外觀和布局。其中上下左右中間的定位是非常重要的功能。

position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

上述代碼可以將元素定位在父元素的中間。

position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;

使用以上代碼可以將元素定位在父元素的正中心。

text-align: center;
vertical-align: middle;

以上代碼可以將子元素相對(duì)于父元素居中。

margin: 0 auto;

使用以上代碼可以將元素相對(duì)于父元素水平居中。

position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

上述代碼可以將元素固定在瀏覽器窗口的中間。