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

ttx9n · 发表于 2013-8-2 16:07:51

让图片在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>

u6h2m4 · 发表于 2022-8-31 12:50:46

灌灌灌灌水

额呵呵 · 发表于 2022-12-13 08:37:47

看到这帖子真是高兴！

8ayoqrpj · 发表于 2023-6-27 11:23:49

我找了挺久终于找到了

adm1n · 发表于 2023-9-7 19:25:52

老衲笑纳了

wxrf98xr · 发表于 2023-10-9 01:12:32

那三门，你们谁寂寞才快乐撒

btbhs8t · 发表于 2023-11-2 21:38:59

源码源码源码源码源码源码源码源码源码源码源码源码源码

5vulod · 发表于 2023-11-21 00:01:11

哦哦哦哦哦哦哦哦哦

do827261756 · 发表于 2024-3-23 17:25:53

来看看怎么样

5ble0ks · 发表于 2024-3-30 15:10:46

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

账号		自动登录	找回密码
密码			立即注册

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

相关帖子