<html>
<head>
<title>无标题文档</title>
<style>
div
{
wdith:470px
height:80px
background:url(http://eiv.baidu.com/mc_files/20090227/20090227182703_49861100T1T396485.gif) no-repeat 0 0
padding:5px 0 5px 100px
}
img
{
width:80px
height:80px
}
</style>
</head>
<body>
<div>
<img src="http://www.baidu.com/search/zhidao/img/p2.jpg"alt="" />
</div>
</body>
</html>
你要的是下面这种效果吗?
因看不到你#imgp 这个DIV的样式,也看不到你form是否有样式。
建议通过以下两个样式进行调整:
<style>#img{padding: 0px autotext-align:center} /** 解决因为DIV内边距导致的问题,让DIV内容居中 */
#img form{margin: 0px autopadding: 0px auto}/** 解决因为form内外边距导致的问题 */
</style>
itjob为你解答:html:
<div class="itjob">
<img src="图片地址"/>
</div>
css:
<style>
.itjob{
width:300px
height:300px
margin:0 auto
/*下面这两行会将你div中的图片对齐,一直在中间显示,缩小或放大都会居中--远标培训*/
display:flex
justify-content:center
}
</style>