CSS居中和左對(duì)齊是網(wǎng)頁設(shè)計(jì)中經(jīng)常用到的技巧。下面是一些實(shí)用的CSS代碼,可用于將文本或網(wǎng)頁中的元素居中或左對(duì)齊。
//將元素水平居中 div { width: 300px; margin: 0 auto; } //將文本水平居中 p { text-align: center; } //將元素垂直居中 div { height: 100px; display: flex; justify-content: center; align-items: center; } //將文本垂直居中 p { height: 100px; display: flex; justify-content: center; align-items: center; } //將元素左對(duì)齊 div { float: left; } //將文本左對(duì)齊 p { text-align: left; }
以上代碼可根據(jù)具體需求進(jìn)行修改。例如,將元素垂直居中時(shí),可根據(jù)元素的高度和父元素的高度進(jìn)行微調(diào),確保元素能夠完全居中。