使用CSS设置外部图片样式

时间:2019-05-06 19:34:10

标签: html css

我无法设置边距:尝试设置外部图像样式时为自动。我可以设置身体的填充样式,但我需要使其具有响应性。

body {
  background-color: #636565;
}

img {
  margin-left: auto;
  margin-right: auto;
}
<div id="map">
  <img src="https://s.w-x.co/staticmaps/wu/wxtype/none/usa/animate.png">
</div>

2 个答案:

答案 0 :(得分:4)

img标签必须显示为块元素:

img{
  margin: 0 auto;
  display:block;
}
<div id="map">
        <img width="400" src="https://s.w-x.co/staticmaps/wu/wxtype/none/usa/animate.png">
    </div>

答案 1 :(得分:-1)

您应该为图像设置宽度:100%

img {
    width: 100%;
}

https://jsfiddle.net/ywn8eu0a/