html 怎么在div方框里显示图片的中部_随笔

html 在div方框里显示图片的中部，这个的话，你用div包裹一个img，然后将这div设置好宽度高度，是你要显示的就行，然后设置overflow:hidden然后图片可以使用position的绝对定位来做，根据left，top，就可以了，这里我提交一段代码：

html>

<head>

<style>

#div1{

height:200px

widht:200px

position:relative

}

img{

position:absolute

left:100px //这里只是假设的数据！

top:100px

}

</style>

</head>

<body>

</div>

</body>

</html>

评论 | 0 0

您好！因没有完整代码无法详细查看，不过经推测应该是两个部分的HTML代码有标签冲突，比如两个代码里都有<html></html>标签

第二点，两个HTML页面合并，要使用引用的方法，如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>无标题文档</title>

<style>

.main{ vertical-align:middle}

</style>

</head>

<body>

我是和图片居中对齐滴。<img src="file:///C|/Users/Administrator/Desktop/QQ图片20150403172529.png" style="vertical-align:middle" width="276" height="267" />

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html 怎么在div方框里显示图片的中部