Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在jsp中显示大小未知的图像_Html_Css_Image_Jsp - Fatal编程技术网

Html 在jsp中显示大小未知的图像

Html 在jsp中显示大小未知的图像,html,css,image,jsp,Html,Css,Image,Jsp,我有一个web应用程序,允许用户上传他们的徽标图像。此图像对宽度和高度没有限制。然后在JSP中显示每个用户的徽标。问题是每个用户的徽标都有不同的尺寸(小,大…) 哪种方式是显示图像的最佳方式???如果所有图像都将受到约束,则对父图像应用一个宽度,并为图像添加一个最大宽度 .img{ 宽度:250px; } .img img{ 最大宽度:100%; } 如何在jsp页面中显示图像?如果使用图像属性,请为该属性设置宽度和高度。它会像你提到的那样显示,不考虑大小和尺寸。我事先不知道图像的宽度和高度

我有一个web应用程序,允许用户上传他们的徽标图像。此图像对宽度和高度没有限制。然后在JSP中显示每个用户的徽标。问题是每个用户的徽标都有不同的尺寸(小,大…)
哪种方式是显示图像的最佳方式???

如果所有图像都将受到约束,则对父图像应用一个宽度,并为图像添加一个最大宽度


.img{
宽度:250px;
}
.img img{
最大宽度:100%;
}

如何在jsp页面中显示图像?如果使用图像属性,请为该属性设置宽度和高度。它会像你提到的那样显示,不考虑大小和尺寸。我事先不知道图像的宽度和高度,因为用户可以上传任何他们想上传的内容。我假设每个图像在显示时都会受到大小限制,而不考虑上传时的大小。这可能不是问题。你可以自己设置宽度和高度,虽然它很小。是的,但我不想让图像失真。你可以假设的唯一一件事是,我将在一个div 300x215中显示图像。我没有说过所有图像都将受到约束,例如,用户可以上传一个50x50 Hanks Paulie_D的徽标,但如果图像宽度小于250px,我如何将图像居中?它应该正常显示。看:嗯,保利!正如您在自己的示例中看到的,50x50图像向左对齐,我更喜欢居中对齐。这是否可能?确定只需在图像上使用
margin:0 auto
。注意。您可能需要告诉图像显示:block。
<div class="img">
    <img src="http://lorempixel.com/output/people-q-c-640-480-5.jpg" alt=""/>
</div>

.img {
    width:250px;
}

.img img {
    max-width:100%;
}