站長(zhǎng)資訊網(wǎng)
html怎么讓圖片居中
1、首先我們需要新建一個(gè)html頁(yè)面。
2、然后在body部分新建一個(gè)img標(biāo)簽，并指定一張圖片。
3、在瀏覽器中查看效果，可以發(fā)現(xiàn)圖片是默認(rèn)左對(duì)齊的，并沒(méi)有在正中央顯示。
4、將圖片套在一個(gè)p或者span標(biāo)簽中，給標(biāo)簽添加一個(gè)值為text-align:center的style屬性即可。
推薦學(xué)習(xí)：html教程
代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p style="text-align: center;"> <img src="a.png" alt=""> </p> </body> </html>
