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

前端技术 2023/09/01 CSS

复制代码
代码如下:

<!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>

本文地址:https://www.stayed.cn/item/1186

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。