html - 在 CSS 中居中图像

Question

我的 css 有问题，我似乎无法使我的图像居中，除非我使用填充，我尝试使用 flexbox、wit justify-content 和对齐元素，但它不起作用，我不知道该怎么做做，不管它不会居中，除非我使用填充。有人可以帮忙吗？

这里是目前的代码:

img {
padding: inherit;
margin:auto;
text-align:center;
}

here is the outcome of the webapage

Answer 1

试试这个:

img {
  padding: inherit;
  margin:auto;
  width: 200px;
  display: block;
}

<img src="http://justcuteanimals.com/wp-content/uploads/2016/10/baby-bear-pictures-cute-animal-pics.jpg">