让图片img标签在div里上下左右居中的方法
2013-08-02 16:07
429 查看
<!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>
相关文章推荐
- css图片在div内上下居中的方法
- 图片自适应父元素大小,并左右上下居中的css方法
- img标签下多余空白BUG解决方法 / div / img / 图片 / 空格
- div中的文字上下左右居中的方法
- css实现div中的图片自动上下左右居中
- CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)
- CSS3实现图片在DIV中上下左右居中(2)
- 如何让图片在div里左右居中,上下居中
- css:子元素div 上下左右居中方法总结
- 水平垂直居中的四种方法 div在div中上下左右居中
- 解决移动端等比例图片上下左右居中的方法
- div中的内容-图片img垂直居中的五种方法
- CSS布局:设置图片在DIV中上下左右居中(水平和垂直都居中)
- css实现div内图片上下左右居中
- CSS实现图片在DIV中上下左右居中(1)
- img标签在div里上下居中
- css:子元素div 上下左右居中方法总结
- 让div标签里面的img标签的图片在任意分辨率下居中显示,两边多余的隐藏掉
- 图片自适应父元素大小,并左右上下居中的css方法
- CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)