在CSS中設(shè)置元素居中是非常常見的需求。以下是幾種常用的方法:
/* 水平居中 */ .container { width: 100%; text-align: center; } .element { display: inline-block; /* 或者 */ margin: 0 auto; } /* 垂直居中 */ .container { position: relative; } .element { position: absolute; top: 50%; transform: translateY(-50%); } /* 水平垂直居中 */ .container { display: flex; justify-content: center; align-items: center; } .element { /* 沒有特定限制,可以使用任何布局方式 */ }
通過上述幾種方法,可以實(shí)現(xiàn)元素在頁面呈現(xiàn)時(shí)居中,豐富網(wǎng)頁的布局形式,為頁面優(yōu)化提供幫助。