是否将未指定的img高度与另一个相邻的div匹配？
将未指定的img高度与另一个相邻的div匹配是通过CSS样式设置来实现的。可以使用Flexbox布局或者Grid布局来实现这一效果。
对于Flexbox布局，可以将img元素所在的父容器设置为display: flex，并且设置align-items: stretch。这样未指定高度的img元素会自动与其相邻的div元素的高度相匹配。如果希望保持图片的宽高比，可以将img元素设置为flex-shrink: 0。
对于Grid布局，可以将img元素所在的父容器设置为display: grid，并设置grid-template-rows为auto和1fr。这样未指定高度的img元素会自动与其相邻的div元素的高度相匹配。
这种设置适用于需要将图片与其他元素垂直对齐或者保持一致高度的布局，如新闻列表、商品列表等场景。
对于腾讯云相关产品，可以使用云服务器CVM来进行服务器运维，使用云数据库MySQL来进行数据库存储，使用云存储COS来进行多媒体处理和存储。具体产品介绍和相关链接如下：
- 云服务器CVM：腾讯云服务器，提供高性能、可弹性伸缩的云计算服务。产品介绍：https://cloud.tencent.com/product/cvm
- 云数据库MySQL：腾讯云数据库，提供稳定可靠的云端数据库服务。产品介绍：https://cloud.tencent.com/product/cdb
- 云存储COS：腾讯云对象存储，提供安全可靠的海量数据存储与处理服务。产品介绍：https://cloud.tencent.com/product/cos
相关·内容
1回答
/PhotoCard.module.scss'
<div className={classes.PhotoCardWrapper} style={style}> {img} </div<
浏览 21提问于2019-10-05得票数 0
左列中的图像需要基于相邻列中内容的高度作出响应。仅仅在图像上使用img-fluid类是行不通的，因为这并不能将图像扩展到所需的高度。background-size: cover;是我通常需要的，但是我需要设置一个固定的高度，这与响应相反。
那么，如何使图像(或背景图像)响应，同时又是否与相邻
浏览 0提问于2018-11-09得票数 2
回答已采纳
在这把小提琴里：我不明白为什么我仍然在每一张图片的底部得到一条红线。
about-box
浏览 0提问于2015-08-31得票数 0
回答已采纳
我想创建两个相邻的<div>，满足以下属性：
左边的是一张图片，右边的是一些文本。调整了图片的大小，使其高度与文本的高度相匹配，而不被扭曲。右<div>的宽度完全延伸到屏幕的边缘。这里是我的意思的一个例子。我已经手动将图像的高度设置为
浏览 1提问于2019-09-29得票数 0
回答已采纳
2回答
我使用带有两个col-sm-6类列的Bootstrap框架。它们的高度使用row-eq-height匹配，因为相邻的列只包含背景图像。更新代码：section, .section-img { background-size: cover; <div class="
浏览 5提问于2016-11-05得票数 0
回答已采纳
2回答
我想要将png图像与继承从另一个div继承其高度的div的高度匹配。我已经看到了如何将图像的最大高度设置为100% (在这个问题中：)，但这只在图像直接位于以像素为单位的div中时才能工作。我有一个topbar，它的高度是我显式设置的，其中有一个logodiv，它继承了顶部的
浏览 1提问于2015-02-05得票数 2
回答已采纳
在容器div中有两个div，我希望img_box div与content_con div的高度相匹配，这取决于它有多高。因此，如果content_con div有三个段落，那么就让它保持不变，这样content_con就有303个像素的高度；我希望img_box div与这个高度相匹配。讲得通
浏览 10提问于2014-02-22得票数 0
回答已采纳
2回答
"> </div> <img /></div>#wrap {
height和img将跟随，将它们的高度更改为100px。<em
浏览 2提问于2015-03-09得票数 3
4回答
我无法得到我的背景图像，是放置在我的标题，以适合屏幕。它适用于每一种电脑分辨率，但我遇到麻烦的地方是当我在手机上观看时，它不想缩小。我做过最小高度，最大高度，我尝试了所有的东西，问题之一是标题div本身比这个图像小，但是我也不知道，也不需要一些指导，我对CSS场景比较陌生。下面是他说的话：
“您有背景大小:封面，它将背景图像的高度与您的div的固定高度相
浏览 0提问于2013-05-17得票数 3
回答已采纳
比如说，父div有两个子div，一个包含文本，另一个包含已知(但可变)宽度和高度的图像。
要收缩以适应图像宽度的第一个子(包含图像) div的宽度(我可以这样做)。要收缩的父div (宽度未指定)以适应包含图像的div的宽度(这也可以)。包含文本的第二个子div (也具有未指定<e
浏览 5提问于2012-10-05得票数 19
回答已采纳
4回答
div#ipsko更改宽度和高度以满足绝对定位。为什么img#utas不这么做？JSFiddle：<div id="upsko">
<img id="utas" src="http://kharg.czystybeton.pl/108.png" /><div id="ipsko"></
浏览 0提问于2013-03-05得票数 3
回答已采纳
1回答
我正在尝试在一个绝对定位的div中显示一些图像。div将text-align设置为center，这可以很好地将图像放在中心。然后，我为图像添加了一个左边距规则和相邻的同级选择器，以给它们一点空间，但不会弄乱所有居中的效果。
默认情况下，图像是静态的内联块元素。但是，当图像溢出div时堆叠在另一个图像的顶部时，边距仍然适用，因此下面的图像不会垂直对齐。我猜这是因为他们仍然是兄弟姐妹，
浏览 0提问于2010-10-03得票数 2
回答已采纳
我试图让一个图片成为一个div /容器的全部大小的背景，而不管div本身有多少内容。当我尝试： <img src="image.jpeg" style="object-fit: cover;" />图像有完整的高度然而，当我<
浏览 3提问于2020-10-17得票数 0
回答已采纳
1回答
因此，我在电子商务环境中有一个产品网格，每个网格单元的高度由照片的高度决定。在网格中显示时，宽度总是相同的，但有些图片会设法变高。我正在尝试找出最简单的方法(除了手动裁剪它们之外)来动态确定某个类的最短照片的高度，然后将所有照片裁剪或遮罩到该高度？
下面是一个非常基本的示例，说明了该代码可能的样子。假设有一个CSS规则，它将类item的每个<em
浏览 0提问于2017-02-01得票数 0
2回答
我有一个三列布局，有时我希望一个列中的文本与另一个列中的图像相邻。我的问题是，当我将图像插入其中一列时，相邻列中的文本将其本身与图像底部相邻的位置放置在相邻的列中，而不是如人们所期望的那样位于列的顶部。我的基本结构：
<div class="fwcol&quo
浏览 4提问于2015-02-04得票数 3
回答已采纳
从jQuery1.8开始，在获取元素的高度()时进行了更改。我有一个CSS div高度设置为auto，里面的图像通过使用%和auto命令div的高度和宽度)，当窗口加载时，我使用Jquery获取元素的高度，并在它旁边设置另一个div。经过研究，我注意到在CSS设置由图像设置的新高度之前，它正在返回高度。1.7允许这样做，但1.8及以上不允许。这附
浏览 0提问于2014-11-06得票数 0
回答已采纳
我正在开发一个使用同一个类的几个div的项目，每个div都包含一个子元素，该元素可能是一个图像或iframe，具有未指定的高度。我希望容器div正好是它的子元素的高度，但是默认的高度比子元素高3px。<div class="outside">
<<
浏览 7提问于2015-01-08得票数 10
回答已采纳
4回答
让我从展示我想要实现的结果的插图开始： <img id="i1" src="arrow1.png"></div>
width:100%;#i1{
visibility:hidd
浏览 0提问于2012-11-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
