CSS怎么讓圖片在DIV內水平居中

今天小編給大家分享一下CSS怎么讓圖片在DIV內水平居中的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

站在用戶的角度思考問題，與客戶深入溝通，找到黎平網站設計與黎平網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創造個性化、用戶體驗好的作品，建站類型包括：成都網站建設、做網站、企業官網、英文網站、手機端網站、網站推廣、域名與空間、虛擬主機、企業郵箱。業務覆蓋黎平地區。

CSS讓對象內容居中樣式單詞為：
text-align:center

text-align 為內容居于對象什么位置屬性
center值為居中

一、傳統HTML讓圖片橫向水平居中方法

直接在標簽對象內加“align="center"”即可讓對象內圖片橫向水平居中顯示。

align="center"使用方法：
<div align="center"></div>

align="center"居中圖片DIV+CSS實例代碼：

<!DOCTYPE > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>圖片橫向居中</title> </head> <body> <div align="center"><img src="http://www.創新互聯.com/img201305/創新互聯-logo-201305.gif" /></div> </body> </html>

html align="center"圖片居中實例截圖

CSS怎么讓圖片在DIV內水平居中
html 圖片水平居中效果截圖

二、CSS讓圖片中DIV對象內水平居中

1、實例HTML+CSS完整代碼如下：

<!DOCTYPE > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>圖片橫向居中</title> <style> .創新互聯{text-align:center} </style> </head> <body> <div class="創新互聯"><img src="http://www.創新互聯.com/img201305/創新互聯-logo-201305.gif" /></div> </body> </html>

2、水平居中實例截圖

CSS怎么讓圖片在DIV內水平居中