0

我在一个图片托管网站上工作，由于某种原因，画廊中的图片超出了它们的最大宽度边框

max-width: 495px;

完整的 CSS：

    .imagebox{
border: 1px solid gray;
height: 495px;
width: 495px;
background-color: #ffffff;
text-align: center;
line-height: 495px;
}
.image_container img {
vertical-align: middle;
max-width: 495px;
}

溢出图像外观的屏幕截图： 截屏 截屏 在此处输入图像描述 此外，有人对如何删除那些令人讨厌的默认图像边框有任何提示吗？感谢您花时间阅读我的帖子，任何帮助都将很高兴地得到帮助。

4

3 回答 3

2

您可以在 css 中删除图像边框img {border:none, outline: none;}

于 2013-09-08T16:54:39.060 回答
1

您是否尝试过稍微减小最大宽度以查看会发生什么？（可能到 485 像素）为了去除边框，我不确定你正在使用多少张图片，但你总是可以走老式的路线 - 在图像编辑程序中打开它并从那里缩小它:)

于 2013-09-08T16:55:37.553 回答
1

我认为问题是图片的边框。图片的宽度为 495px，正如您设置的那样，但它的右边框超过了最大宽度，左边框将图像推到了更右边。如果边框为 1px，则将图片的宽度设置为 493px。

关于如何删除它们，我不明白您的问题，因为您将边框设置为“1px 纯灰色”。尝试设置“边界：0；”。

于 2013-09-08T16:57:35.280 回答