Img自动高度div上的高度

文章/答案/技术大牛

发布

1回答

html、css

我有一个自动高度容器，容器中的左边的div是自动高度，因为它里面可以有各种不同的内容。右边的div总是有一个图像，但我不知道图像的高度。left; border: 2px solid black; width: 50%; flo

浏览 8提问于2018-02-05得票数 2

回答已采纳

2回答

图像自动装箱按高度和重量

jquery、css

我发现了一个很好的jquery插件，它可以按重量将图像自动缩放到容器上的浏览器屏幕上。但我也需要以身高来衡量。对于如何使用jquery或css实现这一点，有什么想法吗？谢谢。

浏览 4提问于2013-10-13得票数 0

回答已采纳

1回答

缩放几幅浮动图像以适应父容器的宽度

css

我有一个基于引导的网站，其中包含几张高度相同的图片，其中一些图片漂浮在左边，一些图片在右边： <div class="pull-left">"> <div class="pull-right"> <img clas

浏览 4提问于2015-02-26得票数 1

回答已采纳

7回答

通过纯CSS修复图像响应

html、css、responsive

下面是一个例子：我的问题是:如何使图像响应(在纯CSS)？目前，它的纵横比得到倾斜较小的窗口(只有宽度是响应，高度不是)。{ margin: 0 auto; width: 100%; caption-side: bottom;} </style>

浏览 5提问于2017-10-30得票数 0

回答已采纳

2回答

裁剪缩略图以用于图库

css、image、gallery、crop

在我的图库中，缩略图是240像素宽，但它们的高度不同。有没有办法裁剪缩略图，使它们都是150像素高？目前我得到了这样的结论：position:absolute;left: 0;overflow: hidden;} 这是可行的，但只有在第一行的图像看起来很好，因为它们都

浏览 1提问于2012-11-06得票数 0

回答已采纳

3回答

悬停时的图像缩放效果

html、css

这个想法是为了在mouseover上创建缩放效果。但是因为高度是'auto‘，所以放大的图像不包含在div中，而是增加了高度。我必须保持高度‘自动’的响应式设计的目的。以下是链接：<img src="images/2.jpg" /> </div

浏览 2提问于2014-07-06得票数 0

2回答

如何自动设置集装箱高度保持比率

html、css、image、layout

我在一个img对象中有一个div对象。我希望设置img (或div)的宽度，并将其高度自动设置为保留图像原始比率所必需的任何东西。 <img id="foo" src="foo.png"> <&#

浏览 2提问于2014-07-27得票数 1

回答已采纳

1回答

最大高度图像在最大高度div内固定高度div

css、height

，：是否有办法使图像上的最大高度服从祖先的固定高度，而不是它的直系亲属呢？我有一个元素(.rightbox)，它有100%的高度，并且绝对位于一个自动高度容器内。此元素符合预期高度。我认为，拥有一个具有可计算高度的祖先将允许该元素与最大高度相一致。在.rightbox上设置px

浏览 0提问于2017-07-25得票数 1

回答已采纳

6回答

<a>标记与其内部的<img>标记大小不同。

html、css

我有以下基本的HTML内容： <a href="..."> </a>事实上，"A“标签的高度仅为19 to，而图像元素则设置为即使我手动将&qu

浏览 2提问于2014-04-13得票数 12

回答已采纳

1回答

图像大小调整比

html、css、image

在我的网站上的图片调整大小，从而改变他们的比率。在不剪切图片编辑器的情况下，我想要使图像的位置和大小调整，以便溢出是隐藏的。#menugallery img {height: 400px; }<li> <img src

浏览 2提问于2015-06-09得票数 0

回答已采纳

1回答

在网页呈现过程中，哪些子元素优先于父元素的宽度计算？

html、css、width、render

有时div中的内容会展开以适应父级宽度，但有时内容(如img、table)会使父文件扩展。第一种或后一种情况会在什么情况下发生？

浏览 2提问于2014-04-04得票数 0

回答已采纳

1回答

动态限制滚动的高度

html、css、scroll、flexbox

我不知道如何在不确定最大高度的情况下限制滚动div的高度。情况如下： <div class="img-item"><img></div></d

浏览 3提问于2016-09-17得票数 3

回答已采纳

3回答

如何调整div高度以匹配其内图像的高度

javascript、html

使用Javascript，我如何设置div高度来自动匹配在响应视图中查看时设置为100%宽度的图像的高度？

浏览 5提问于2014-09-11得票数 0

回答已采纳

3回答

在引导标记中走出屏幕的图像

html、twitter-bootstrap-3

我用的是靴带。在下面的标记中，当浏览器窗口宽度降到最小时，图像溢出，而不是100%可见。<div class="row"> <h1 style="display:inline;">Some heading here</h1> <img src="http:&#x

浏览 0提问于2014-09-25得票数 0

回答已采纳

1回答

对齐-项目:中心使img消失

html、css、css-grid

因此，对于网格，当我没有align-items: center;时，img显示得很好，但是一旦我添加了align-items: center;，它就会突然消失。是什么引起了这个问题？ <span>text</span> <div> &

浏览 3提问于2017-11-14得票数 8

回答已采纳

2回答

可以设置宽度%，但不能设置高度

css

, 这是我的代码的一部分，我想用css修改img的width和height： <img alt="" src="images/MallDetail/MallDesc.png">

浏览 0提问于2013-06-22得票数 1

回答已采纳

1回答

如何获取图像的图像高度以设置另一个div高度

javascript、html、css

我有图像(#myimage)，它们的图像高度不同。还有一个覆盖层(# over )，它应该正好覆盖在这张图像上。我已经将覆盖设置为100%，这对我不起作用，因为还有一些不应该从覆盖层中覆盖的东西。问题是，如果我不知道这个高度是多少，我如何确定#myimage的图像高度？不过，它应该在高度上有所变化。所以宽度是100%，高度是自动的。<div id="containe

浏览 4提问于2014-10-20得票数 0

回答已采纳

9回答

bootstrap 4 img-流体不改变图像高度

bootstrap-4、responsive-images

Bootstrap 4中具有.img-fluid类的响应图像的大小调整不成比例。他们保持它的高度，即使宽度正在正确地缩小。这会使整个图像变形。有没有办法让它像Bootstrap 3中的.img-responsive类一样平滑？谢谢 <img class="img-fluid" src="/

浏览 7提问于2017-01-26得票数 27

1回答

如何在html标签中显示适合DIV的肖像图像？

html、css

我有肖像图像，我想适合在DIV标签与相同的比例。您可以在下面的链接中找到示例图像

浏览 3提问于2015-07-10得票数 1

1回答

CSS:将图像设置为背景，保持其大小不变

css

但是，总是自动调整大小的(不能显示完全高度的img)，该如何处理呢？一种方法是将其高度设置为图像的高度。但是当我将类重用到其他图像时，我不得不多次更改高度。#HTML div.content.img-bg background-image: .....

浏览 4提问于2014-01-17得票数 0

点击加载更多