让图片img标签在div里上下左右居中的方法

天成岩寺寺入山崖石做瓦,佛观殿外嶂连崖。碧空崖上水滴泄,胜似阳春雨打葩。
复制代码
代码如下:

<!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>
<meta name="author" type="Nancle from CAU CS101" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>如何让img标签在div里左右上下居中</title>
<script type="text/javascript">
</script>
<style type="text/css">
#container{width:400px; height:400px; background:#ccc; text-align:center;}
img{margin:100px auto 0 auto;}
</style>
</head>
<body>
<div id="container">
<img src="http://img.my.csdn.net/uploads/201207/14/1342258377_8375.png" width="200" height="200" />
</div>
<p>
</p>
</body>
</html>

以上就是让图片img标签在div里上下左右居中的方法。自己喜爱的东西要自己去争取,这年头女人装柔软算哪门子功夫,独立才是王道,不要老是想依赖别人,更不能奢望别人在你需要的时候第一时间站出来,毕竟你们谁都不是谁的谁,爱自己靠自己。早安!更多关于让图片img标签在div里上下左右居中的方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
如何解决img在div中居中的问题

img图片下面莫名的出现下边距的快速如何解决方法推荐

img与容器下边界的空隙(缝隙) 的如何解决方法

img 标签下多余空白的如何解决方法

IE img多余5像素空白如何解决方法