请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

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

2
回复
2373
查看
[复制链接]

8

主题

35

帖子

123

积分

注册会员

Rank: 2

积分
123
2020-2-16 11:30:50 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta name="author" type="Nancle from CAU CS101" />
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>如何让img标签在div里左右上下居中</title>
  7. <script type="text/javascript">
  8. </script>
  9. <style type="text/css">
  10. #container{width:400px; height:400px; background:#ccc; text-align:center;}
  11. img{margin:100px auto 0 auto;}
  12. </style>
  13. </head>
  14. <body>
  15. <div id="container">
  16. <img src="https://www.jszhai.com/template/dingzhi_x_one_dz/dingzhi/logo.png" width="200" height="200" />
  17. </div>
  18. <p>
  19. </p>
  20. </body>
  21. </html>
复制代码


回复

使用道具 举报

83

主题

178

帖子

1656

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1656
2020-2-16 11:49:16 显示全部楼层
实证有效~
回复

使用道具 举报

8

主题

35

帖子

123

积分

注册会员

Rank: 2

积分
123
 楼主| 2020-2-16 12:17:23 显示全部楼层

谢谢!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册