按高度和宽度限制图像

时间:2015-10-21 18:40:07

标签: html css image css3

我有问题限制我的图像宽度或高度,无论哪个超过限制。

我上传的一些图片比450px更高,而其他图片则宽于450px。如何设置它们,宽度和高度都不会超过450px。

这是一个基本的东西,但我不知道该怎么做,我感谢任何帮助!

编辑:我希望这可以用css html解决,这就是为什么我没有提到语言,但如果它是一个更复杂的解决方案,那么我正在使用meteor ..所以javascript和jquery。

4 个答案:

答案 0 :(得分:9)

使用caps = re.findall('([A-Z]+(?=\s[A-Z]+)(?:\s[A-Z]+)+)', new) max-width css属性(,不要在max-height代码上设置width / height属性)

img

请注意,这在显示图像时适用。如果要限制图像的实际宽度/高度以节省服务器上的空间,则必须查看上传带有缩小图像选项的插件。

答案 1 :(得分:0)

另一种选择是" crop"这样的形象:

<div style="max-height:450px; max-width:450px; overflow: hidden">
   <img src="myImage.png" />
</div>

这将从左上角裁剪,这可能是您想要的也可能不是。

答案 2 :(得分:0)

您可以使用图片<font color="#FFFFFF">Situação<?php if($coluna_situacao['usu_situacao'] == "inativo") { echo "<div style ='color:#FF5500'>Inativo</div>"; } else if ($coluna_situacao['usu_situacao'] == "ativo"){ echo "<div style ='color:#00FF04'>Ativo</div>"; } else { echo "<div style ='color:#FF5500'>Contate a central</div>"; } ?></font> 属性:

style

答案 3 :(得分:-1)

简单HTML

<img src="xyz.jpg" alt="Its You" height="200px" width="200px">