CSS中的center用于居中對齊元素。它可以水平和垂直居中對齊,在不同的情況下有不同的用法。
/*水平居中*/ .element{ text-align: center; } /*垂直居中*/ .parent{ display: flex; justify-content: center; align-items: center; }
對于水平居中,我們可以將text-align屬性設置為center。這將使包含元素的文本內容在中心位置。如果要將元素本身的內容水平居中,需要確定元素本身的寬度。
對于垂直居中,則需要使用display: flex屬性。這將使父元素變為彈性容器,并使用justify-content和align-items屬性將子元素內容水平和垂直居中。
無論是水平居中還是垂直居中,都需要知道元素的尺寸和父元素的尺寸。因此,在執行居中操作之前,應先為父元素和子元素設置正確的尺寸。