如何讓DIV里面的一行多張圖片水平居中?
div圖片居中-圖片在DIV內(nèi)居中,讓圖片中DIV盒子里水平居中。讓圖片中DIV對象盒子內(nèi)水平居中,和讓文字字體在DIV盒子內(nèi)水平居中CSS相同。
CSS讓對象內(nèi)容居中樣式單詞為:
text-align:center
text-align為內(nèi)容居于對象什么位置屬性center值為居中
一、傳統(tǒng)HTML讓圖片橫向水平居中方法
直接在標(biāo)簽對象內(nèi)加“align="center"”即可讓對象內(nèi)圖片橫向水平居中顯示。
align="center"使用方法:
<divalign="center"></div>
二、CSS讓圖片中DIV對象內(nèi)水平居中
使用CSS樣式讓DIV內(nèi)圖片居中(水平居中)
<!DOCTYPE>?
<htmlxmlns="http://www.w3.org/1999/xhtml">?
<head>?
<metacharset="utf-8"/>?
<title>圖片橫向居中</title>?
<style>?
.divcss5{text-align:center}?
</style>?
</head>?
<body>?
<divclass="divcss5"><imgsrc="http://www.divcss5.com/img201305/divcss5-logo-201305.gif"/></div>?
</body>?
</html>?
2、水平居中實例