请教css中image居中写法

<div class="content">
<div><img src="xxx"><div>
</div>
请帮忙写出中间div的img居中的css代码,另外求ie中css控制图片大小并且不变形的方法.
我提供的那些代码不能有任何增减,只能根据现有的代码给出css.
再次强调:我提供的那些标签不能有任何增减,别在给我加一个<div class="img">等等之类的,那样我也会.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>title</title>
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
.content {width:200px;height:100px;overflow:hidden;background-color:#fafafa;}
.content img {display:block;margin:0 auto;}
</style>
<script type="text/javascript">

</script>
</head>
<body>

<div class="content">
<div><img src="tt.jpg"><div>
</div>

</body>
</html>
<!--上述代码兼容ie6,7,8,ff, safari, opera, chrome! -->
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2018-10-04
.content img {display:block; margin:auto;}
即可

如果你仅仅需要在ie中用css控制图片大小并且不变形的方法.

则给需要变形的img赋予 zoom 这个CSS属性,他的值为 0到1之间的小数,比如

img {zoom:0.5;}

即图片的长宽变为原来的一半。本回答被提问者和网友采纳
第2个回答  2010-08-02
<style>
.content{text-align:center}
.content img{/*这里定义你的img样式就行了,上边定义content的样式*/}
</style>

-------------------------------------------------------
建议img外层的那个无任何样式的div去掉,可以直接定义img的样式就行了。多一层div是不合理的布局,也不利于优化,以及W3C标准。。。。

<style>
.content{text-align:center}
.content img{ margin:0px auto; clear:both}
</style>

----------------------------------------
这个本身不需要动你的那个架构,直接把样式改成我写的这样就行了。。。
第3个回答  2010-07-31
<style>
.img{width:700px;height:848px;margin:0 auto;text-align:center;}
img{width:auto;height:400px;}/*改图片大小或{width:300px;height:auto;}*/
</style>
</head>

<body>
<div class="img"><img src="135697_277369520.jpg" /></div>
</body>
</html>
第4个回答  2010-07-31
那只好这样改了.content{text-align:center;}
css控制图片大小不变的话,得先看看你的浏览器版本
这个网页说的不错:
http://hi.baidu.com/88164962/blog/item/c56b660057dc201d738b6526.html