图像溢出边界

时间:2013-09-08 16:38:58

标签: html css image alignment border

我正在使用图片托管网站,由于某种原因,图库中的图片溢出了他们的最大宽度边框

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;
}

溢出图像的外观截图: Screenshot Screenshot enter image description here 此外,任何人都有任何关于如何删除这些annoyimg默认图像边框的提示? 感谢您抽出宝贵的时间阅读我的帖子,任何帮助都会很乐意受到欢迎。

3 个答案:

答案 0 :(得分:2)

您可以删除css img {border:none, outline: none;}

中的图像边框

答案 1 :(得分:1)

您是否尝试过稍微减小最大宽度以查看会发生什么? (也许到485px) 为了删除边框,我不确定你使用了多少图像但是你总是可以使用老式的路线 - 在图像编辑程序中打开它并从那里缩小尺寸:)

答案 2 :(得分:1)

我认为问题在于图片的边框。图片的宽度为495像素,正如您设置的那样,但它的右边框越过最大宽度,左边框将图像更加向右推。如果边框是1px,则将pic的宽度设为493px。

关于如何删除它们,我不明白你的问题,因为你将边框设置为“1px solid grey”。尝试设置“border:0;”。

相关问题