div图片居中-图片在DIV内居中,让图片中DIV盒子里水平居中。让图片中DIV对象盒子内水平居中,和让文字字体在DIV盒子内水平居中CSS相同。
CSS让对象内容居中样式单词为:
text-align:center
text-align为内容居于对象什么位置属性center值为居中
一、传统HTML让图片横向水平居中方法
直接在标签对象内加“align=”center””即可让对象内图片横向水平居中显示。
align=”center”使用方法:
<divalign=”center”></div>
二、CSS让图片中DIV对象内水平居中
使用CSS样式让DIV内图片居中(水平居中)
<!DOCTYPE>?
<htmlxmlns=”/1999/xhtml”>?
<head>?
<metacharset=”utf-8″/>?
<title>图片横向居中</title>?
<style>?
.divcss5{text-align:center}?
</style>?
</head>?
<body>?
<divclass=”divcss5″><imgsrc=”/img05/divcss5-logo-05.gif”/></div>?
</body>?
</html>?
2、水平居中实例