让图片img标签在div里上下左右居中的方法
发布时间：2013-08-02 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>
相关文章
- 这篇文章主要介绍了DIV或者DIV里面的图片水平与垂直居中的方法,需要的朋友可以参考下2018-11-15
- 这篇文章主要为大家介绍了在DIV+CSS布局的页面里，让布局、背景图片、文字内容居中的方法，从布局内容到页面里文章文字居中都是非常重要的，而css来设置居中也是非常简单的2014-10-09
- 这篇文章主要介绍了在不定宽高的情况下，div内图片如何垂直居中，css样式如何书写？示例代码如下2014-07-09
- 正如标题所言图片与上层的div保持水平、垂直都居中，网上会搜索到很多类似标题的文章，不过大同小异，本文写了一个希望对大家有所帮助2013-08-12
- 关于图片垂直居中的话题想必大家在论坛或者是百度搜索列表中看到了不少了吧，烦人的是没有具体或者相当详细的解决方法，希望本文所整理的知识点可以帮助到你2013-03-22
- 2009-06-19
本文介绍了div 图片如何在DIV内水平居中，无论文字居中、图片居中等内容居中我们都可以使用以上两种方法实现，一般推荐使用CSS进行，但网页多时候，我们只需要修改CSS文件2021-11-30
最新评论