溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹html怎么設置居中顯示圖片，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。 3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網盛行的一個原因。 4、通用性：HTML是網絡的通用語言，它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。
在html中，可以使用text-align屬性設置居中顯示圖片，只需要給圖片元素設置“text-align:center”即可。text-align屬性規定元素中圖片的水平對齊方式，當值為center時，表示把圖片排列到中間。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
然后我們需要在body部分新建一個div標簽，并在其中插入一張img圖片。并給div添加簡單的css樣式。
然后我們在瀏覽器中查看效果，可以發現圖片是默認左對齊的，并沒有在div的正中央顯示。
此時為圖片添加居中屬性也是沒有用的，我們需要將圖片套在一個p或者span標簽中，給標簽添加一個text-align:center屬性。
這樣修改之后，我們再次回到瀏覽器中刷新頁面，可以看到圖片已經是在div中居中顯示了。
以上是“html怎么設置居中顯示圖片”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
