【问题标题】:Centering an IMG tag without using a DIV? [duplicate]在不使用 DIV 的情况下将 IMG 标签居中? [复制]
【发布时间】:2013-11-26 03:44:43
【问题描述】:

是否可以使用 CSS 将 IMG 标签居中?这是 HTML:

<body>
   <img src="one.png" width="200px" height="200px" />
   <img src="two.png" width="400px" height="400px" />
</body>

我希望 one.png 出现在 two.png 上方,两个图像都位于浏览器窗口的中心。 这可以使用 CSS 而不使用 DIV 来完成吗?谢谢!

【问题讨论】:

  • 您只是希望它们水平居中还是垂直居中?

标签: html css


【解决方案1】:

当然,只需使用:

img {
    margin:0 auto;
    display:block;
}

jsFiddle example

【讨论】:

猜你喜欢
  • 2014-06-08
  • 2016-12-08
  • 2017-07-04
  • 1970-01-01
  • 2012-05-04
  • 2018-09-20
  • 2011-04-18
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多