要讓一個(gè)盒子居中,可以使用CSS中的margin屬性,其中margin值為auto即可。
在HTML中,文章和段落常用的標(biāo)簽是p標(biāo)簽。要讓p標(biāo)簽內(nèi)的文本居中,可以將p標(biāo)簽的text-align屬性設(shè)置為center。
代碼塊常使用pre標(biāo)簽,要讓pre標(biāo)簽內(nèi)的代碼居中,可以給pre標(biāo)簽包裹一個(gè)div或者p標(biāo)簽,并將該div或p標(biāo)簽的text-align屬性設(shè)置為center,即可讓代碼居中顯示。
例如:
``````
這樣就可以將pre標(biāo)簽內(nèi)的代碼居中顯示。如果需要讓整個(gè)盒子居中,可以在div標(biāo)簽上設(shè)置margin: 0 auto;,這樣整個(gè)盒子就會在頁面上居中顯示。
.example {
display: flex;
justify-content: center;
align-items: center;
}