Question

css div html 图片居中溢出隐藏 设定宽高

求编码（不要定位的，图片大小不一）

图片置入宽638高290的box
无论图片大小都是显示宽638，高则自动按照比例收缩
并且图片都以水平垂直居中，也就是box里面的图片大部分显示未溢出的图片中心
溢出的则隐藏
谢谢

Answer 1

按我理解，代码如下：
<style text="text/css">
* {
margin:0;
padding:0;
}
#div {
width:638px;
height:290px;
overflow:hidden;
}
#img {
padding:0 auto;
}
</style>

<div id="div">
<img id="img" src="#">
</div>
id自己改一下，看不懂的问我

追问

无法实现，照片还是原本的大小，既没有溢出隐藏，也没有在638*290的框中居中显示。

追答

你是说照片要一定大小吗？那就这样
#div {
width:638px;
height:290px;
overflow:hidden;
}
#img {
width:638px;
vertical-align:middle;
}
淘宝图片垂直居中：http://jingyan.baidu.com/article/c33e3f48a3615dea15cbb512.html
垂直居中……我查了一下你看看这个 http://www.blogjava.net/sealyu/archive/2009/02/16/254889.html

Answer 2

做个div css 里面设置下隐藏溢出

追问

主要“并且图片都以水平垂直居中，也就是box里面的图片大部分显示未溢出的图片中心” 不会

Answer 3

maxWidth: 638px;
overflow:hidden;
给img加样式

追问

主要“并且图片都以水平垂直居中，也就是box里面的图片大部分显示未溢出的图片中心” 不会