HTML居中是網(wǎng)頁布局的基本元素之一，通過居中可以使內(nèi)容更加美觀、整齊，增強(qiáng)網(wǎng)頁的視覺效果。下面是常見的HTML居中代碼大全，方便您在日常開發(fā)中使用。 1. 居中一個(gè)塊級(jí)元素 使用margin和auto屬性可以將一個(gè)塊級(jí)元素居中對(duì)齊，代碼如下：

p{
width: 200px;
height: 200px;
background-color: #f0f0f0;
margin: auto;
}

該代碼將p元素的寬高設(shè)為200px，并在左右兩側(cè)設(shè)置了auto屬性，實(shí)現(xiàn)了橫向居中。 2. 縱向居中一個(gè)塊級(jí)元素 使用display:flex和align-items:center屬性可以將一個(gè)塊級(jí)元素縱向居中對(duì)齊，代碼如下：

這是居中的文字

該代碼將一個(gè)div元素設(shè)為父元素，將display屬性設(shè)為flex，再使用align-items:center實(shí)現(xiàn)了縱向居中。 3. 文字居中 使用text-align:center屬性可以將文字居中，代碼如下：

p{
text-align:center;
}

該代碼將p元素內(nèi)的文字居中對(duì)齊。 4. 圖片居中 使用margin和auto屬性可以將圖片居中對(duì)齊，代碼如下：

img{
display:block;
margin:auto;
}

該代碼將圖片設(shè)為塊級(jí)元素，并在左右兩側(cè)設(shè)置了auto屬性，實(shí)現(xiàn)了圖片的橫向居中。 HTML居中是網(wǎng)頁布局中最基本也是最重要的元素之一，希望以上代碼能夠幫助您在日常開發(fā)中更加方便快捷地實(shí)現(xiàn)居中效果。