当div更改大小时，如何缩小内联列表中的图像以保持列表内联？
当div更改大小时，可以使用CSS中的flex布局来实现内联列表中图像的缩小，以保持列表的内联性。具体步骤如下：
- 创建一个包含图像的div容器，并设置该容器为flex布局。
- 创建一个包含图像的div容器，并设置该容器为flex布局。
- 在CSS样式表中，将容器设置为flex，并设置flex子项的属性。
- 在CSS样式表中，将容器设置为flex，并设置flex子项的属性。
- 设置图像容器的flex缩放属性，使其在div缩小时相应地缩小。
- 设置图像容器的flex缩放属性，使其在div缩小时相应地缩小。
通过以上步骤，当div容器大小改变时，图像容器将根据设置的flex缩放属性进行相应的缩小，以保持列表的内联性。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品：云服务器（https://cloud.tencent.com/product/cvm）
- 腾讯云产品：对象存储（https://cloud.tencent.com/product/cos）
- 腾讯云产品：云数据库 MySQL 版（https://cloud.tencent.com/product/cdb_mysql）
- 腾讯云产品：人工智能（https://cloud.tencent.com/product/ai）
请注意，以上链接仅供参考，如需更详细的产品信息，请访问腾讯云官方网站。
相关·内容
我有一个在Bootstrap 4中完成的网站标题中的社交媒体图标的内联列表。随着屏幕尺寸的变化，缩小比例，图像图标保持内联，直到它们的div达到1112px，然后开始换行。一旦div达到414px，它们就会返回到内联，并且看起来很漂亮。我尝试将列表项设置为特定的宽度和高度，然后为max- width : 100
浏览 19提问于2019-02-26得票数 0
回答已采纳
5回答
我希望3张图片并排坐在930 to宽div内。只有当第3幅图像在第二张图像下包装时，3幅图像才能在div中正确地调整大小。下面看起来是这样的。[][]
一旦所有图
浏览 0提问于2018-05-13得票数 1
回答已采纳
我希望在响应容器(%宽度)中，几个div的内联块和浮动在一起的行为，其中：
1a.它会使div左对右对齐2a。所有的div都在同一条线上。
当</
浏览 2提问于2015-05-08得票数 0
回答已采纳
我试图用一个标题显示一个响应(当它缩小时用浏览器调整大小，但在它自己的最大像素处最大)。我以为我已经想出了一个解决方案在父div上添加标题，但随后意识到它在Mozilla中不工作。下面是我的工作解决方案(在Mozilla中没有响应--图像永不缩小)：
这里没有“内联块”并且没有正确显示(当浏览器比图像更宽时，标题div
浏览 4提问于2014-02-07得票数 2
回答已采纳
在我的引导导航栏中，我在标题中有一个标识，然后有一个内联列表。在大屏幕上，徽标和列表在同一条线上。在较小的屏幕上，我希望徽标以第一行为中心，列表以第二行为中心。但是，列表继续垂直堆叠，而不是保持内联。如何防止内联列表在屏幕缩小时垂直显示？我需要在右边的
浏览 3提问于2015-04-21得票数 3
回答已采纳
如果你从黄色框中取出“边框: 1px实心”，它的大小会发生很大的变化(它会大大缩小)。UPDATE：如果我将p更改为内联块，大小将保持不变。所以，p标签似乎是问题所在.但是为什么外部div中的边框会使内联标记的大小发生如此大的变化呢？<body style="height:100%">
&l
浏览 5提问于2013-04-04得票数 6
回答已采纳
我有一个表，他的列包含两个内联div，一个显示图像，另一个并排显示文本。因此，每个td都是矩形的，右侧是图像，左侧是文本(在单行上)。这个问题(在所有浏览器中都会发生)是当我缩小水平浏览器大小时，它不是保持td宽度不变并添加一个水平滚动条，而是在图像下环绕文本并移动它，因此缩小了td的宽度。无论浏览器的宽度如何，如何才能使td宽
浏览 9提问于2010-10-15得票数 0
回答已采纳
我已经将相应的代码放在了目标：-使列表项内联，同时保持每个列表项的60x60大小。-当每个链接悬停在上面时，要让精灵的下部看起来:链接周围应该出现一个圆圈。-使文本在每个60 x 60容器中垂直居中。我知道我可以为每个链接创建单独的图像，并达到想要的视觉效果，但我想看看上面是否可
浏览 4提问于2011-09-29得票数 0
回答已采纳
2回答
当您将项目的内联列表放在具有固定宽度的div中并将overflow设置为hidden时，元素将垂直堆叠。
任何人有任何css黑客让他们保持内联，而隐藏。可能使用overflow:没有宽度的隐藏？
浏览 1提问于2009-10-18得票数 0
我使用了一个内联块DIVs列表： <div style="display:inline-block">A</div>
<div style="display:inline-block">B</
浏览 1提问于2014-03-03得票数 1
我在一个div中有三个垂直对齐的图像。当浏览器缩小时，第三个图像不再适合div，导致该图像下降到第二行。我在CSS中使用了auto和100% width和height属性，但它不能保持图像的内联，也不能调整图像的大小。有人知道怎么解决这个问题吗？<div class="media">
&l
浏览 0提问于2016-04-12得票数 0
我有一个列表显示为内联块，当窗口的大小变小时，它会改变布局，并且我在外部部分中有这个列表。但是，当列表布局更改高度时，div不会更改，列表下面部分的内容突然与上面的列表重叠。如何将外部div的高度设置为与内联块列表相同的高度？我的<
浏览 6提问于2022-11-01得票数 0
我正在尝试解决这个问题，我想要有一个正方形元素，它从页面高度获得它的边缘大小。换句话说，我希望将元素的宽度绑定到它的高度。<!class="circle-tree">
<div cl
浏览 1提问于2015-06-24得票数 2
2回答
我有mvc中的列表，我想以块的形式对其进行内联。列表- <li> <img src="@item.cardFilePath"/> </li>display: inline-block;
float: left;
浏览 2提问于2014-02-22得票数 0
1回答
我想要实现的可能是相当业余的，但我还是被卡住了。我的目标是在一行中有一系列的表，当屏幕尺寸缩小时，表会根据需要下降一行以腾出空间。我在某种程度上做到了这一点，但是表的容器并没有像预期的那样工作。图1:在第一张图中，两个表可以放在页面上的同一行中，并且容器适合内容(表)。
图2:一旦表倒下(因为没有空间容纳它)，容器就不能正确反应并缩小大小以适应现在更小的<
浏览 0提问于2016-03-12得票数 0
我有一个带有几个下拉菜单的标题的网页。我想要的是有一定的网页，当点击从任何下拉项目有背景颜色的下拉保持该颜色？在下面的图像上单击的任何页面都会让用户知道他们仍然在HTML部分。
我的当前代码，我是否需要在CSS中2‘下拉’，或者我可以添加一个背景内联和我将它添加到代码的哪里？因此，应用程序页面下拉列表中的任何页面，应用程
浏览 9提问于2022-09-15得票数 0
2回答
当用户调整窗口大小时，我试图使UI内容很好地展开。我在Qt设计人员中这样做，并学习布局和大小策略。现在看来一切都很好:一个布局保持在其最大大小之内，而另一个布局随着窗口大小的调整而扩展，并且它们都保持在最小大小之上。这很好，但问题是，如果我有一个列有很多项目的列表，或者我正在显示一个非常大的图像，它会扩展到可用的窗口空间之外，使窗口变得很大。
如何指定类似于“不要扩展到可用的窗口空
浏览 7提问于2014-01-31得票数 0
在HTML编辑器中，用户可以编写问候文本，例如，源代码如下： <span style="font-size:20px"> </span>巫婆翻译成当他们点击那个绿色的“保存”按钮时，我会显示一个简单的预览，例如我的问题是，预览与将要打印
浏览 0提问于2013-07-29得票数 0
回答已采纳
2回答
我对内联列表元素有一个问题。橙色菜单上有：background-color: #ffc20e;
在这个JSFiddle中，第二个列表元素的右侧被切断。在div中有大量的空间，有类的“菜单”，所以
浏览 1提问于2014-05-19得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
