如何使图像始终在中心

Question

我想在此页面中放置6张图片，当我增加或减少浏览器尺寸时，需要将一行中的最大照片数量设为3，最小值为2。

当我增加或减少浏览器大小时，如何使图像的大小变大或变小？

---

这是我需要添加的css样式表

div.img
{
  margin: 5px;
  padding: 5px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}   
div.img img
{
  display: inline;
  margin: 5px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 200px;
  margin: 5px;
}

Answer 1

最好的方法是使用：

margin-left:auto;
margin-right:auto;

也不要忘记确保你的包含元素有：

text-align:center;

希望这有帮助！

Answer 2

设置保证金自动为您的主要分组

 margin:auto;