html怎麼讓圖片居中
- angryTom原創
- 2020-03-02 11:30:3944098瀏覽
html怎麼讓圖片居中
1、首先我們需要新建一個html頁面。
2、然後在body部分新建一個img標籤，並指定一張圖片。
3、在瀏覽器中查看效果，可以發現圖片是預設左對齊的，並沒有在正中央顯示。
4、將圖片套在一個p或span標籤中，為標籤加上一個值為text-align:center的style屬性即可。
推薦學習：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>更多HTML教學，歡迎追蹤PHP中文網！
以上是html怎麼讓圖片居中的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：html中圖片標籤的用法介紹下一篇：html中圖片標籤的用法介紹