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

html-css022

html 怎么在div方框里显示图片的中部,第1张

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 id='div1'>

<img src='图片地址'>

</div>

</body>

</html>

评论 | 0 0

假设DIV1宽00px高100pxDIV2和DIV3宽高都是100px使DIV2和DIV3浮动,这样DIV3和DIV2并排显示,不会有遮盖

.DIV1{ float:nonewidth:200pxheight:100px}

.DIV2{ width:100pxheight:100pxfloat:left}

.DIV3{ width:100pxheight:100pxfloat:left}

这个项目用到了 DOM、Ajax、jQuery 等方面的技术,还好有点基础,搞搞弄弄也就开始手顺了,其间遇到一个小问题:利用 Ajax 或 DOM 动态创建的一个或多个对象不再响应当初定义的用户事件。