我正在使用图片托管网站,由于某种原因,图库中的图片溢出了他们的最大宽度边框
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;
}
溢出图像的外观截图: 此外,任何人都有任何关于如何删除这些annoyimg默认图像边框的提示? 感谢您抽出宝贵的时间阅读我的帖子,任何帮助都会很乐意受到欢迎。
答案 0 :(得分:2)
您可以删除css img {border:none, outline: none;}
答案 1 :(得分:1)
您是否尝试过稍微减小最大宽度以查看会发生什么? (也许到485px) 为了删除边框,我不确定你使用了多少图像但是你总是可以使用老式的路线 - 在图像编辑程序中打开它并从那里缩小尺寸:)
答案 2 :(得分:1)
我认为问题在于图片的边框。图片的宽度为495像素,正如您设置的那样,但它的右边框越过最大宽度,左边框将图像更加向右推。如果边框是1px,则将pic的宽度设为493px。
关于如何删除它们,我不明白你的问题,因为你将边框设置为“1px solid grey”。尝试设置“border:0;”。