如何将缩放的图像居中？

Question

我正在尝试构建此phstream.herokuapp.com 但用户提交的图像可以是任何大小。所以在img标签中我指定了一个尺寸，以便缩小图像尺寸。但我上传了一张非常大的图片，这搞砸了对齐方式。到目前为止，这都是HTML。

Answer 1

将其添加到style.css文件中：

img {
  max-width: 90%;
  height: auto;
}

在您的网站上测试并正常工作。

最好为您的表格提供ID，例如id="photostream"，然后您可以使用CSS选择器#photostream img来避免搞乱您将来可能想要在页面上显示的其他图像。

更好的做法是不要在您的布局中使用表格，但您可以将其保存一天。

Answer 2

试试这个css ......

.your_table img{
max-width:150px;
height: auto;} /* this img class should be directed to you images */