CSS怎样显示图片中间区域？
比如：现在有一张500x300的图片，我现在要把它放在一个100x100的容器里面，而且不可以改动图片的大小，只显示图片中间的部分在固定的窗口里，请问应该如何实现，...
比如：现在有一张500x300的图片，我现在要把它放在一个100x100的容器里面，而且不可以改动图片的大小，只显示图片中间的部分在固定的窗口里，请问应该如何实现，
展开
9个回答
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
.divClass{height:100%;width:100%;overflow:hidden;Margin-bottom:5px}
</style>
<title>COPY数据到ID群集中by ID | 图片CSS定义裁切显示| 文字的宽度自适应缩放</title>
</head>
<body >
<div
id="airzen" class="divClass"><img
src="http://pic.bobay.cn/Files/automm/2005-12/28/05122821154187236.jpg"></div>
</body>
说明：以上样式你可以自己定义，但要保留overflow:hidden
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
.divClass{height:100%;width:100%;overflow:hidden;Margin-bottom:5px}
</style>
<title>COPY数据到ID群集中by ID | 图片CSS定义裁切显示| 文字的宽度自适应缩放</title>
</head>
<body >
<div
id="airzen" class="divClass"><img
src="http://pic.bobay.cn/Files/automm/2005-12/28/05122821154187236.jpg"></div>
</body>
说明：以上样式你可以自己定义，但要保留overflow:hidden
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把图片设置为背景，设定DIV的宽度和高度，把背景设为居中，代码如下：
<div style="width:80px; height:80px; margin:0 auto; background:#F90 url(01.png) no-repeat center;"></div>
<div style="width:80px; height:80px; margin:0 auto; background:#F90 url(01.png) no-repeat center;"></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
大的div里面放图片；
div{margin：auto auto；position：relative；}
img{position：absolute；margin-left：负的图片宽度的一半px；}
这样就行了。
div{margin：auto auto；position：relative；}
img{position：absolute；margin-left：负的图片宽度的一半px；}
这样就行了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
什么事图片的中间区域？能详细点吗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
