2回答
我有一个用Gatsby版本2制作的页面，我想在一个flexbox容器中用gatsby-image制作组件。当我删除display: flex;属性时，图像就会出现，当容器是flex容器时，图像就会消失。我还尝试
浏览 40提问于2019-07-08得票数 12
回答已采纳
我想让图像在水平和垂直中心在他们的容器内。如果它们的宽度或高度大于其容器的宽度或高度，则使它们在保持其比例的同时自动收缩。下面的CSS代码是我在容器上使用的代码，试图实现这个目标：display: -webkit-flex;
display: flex;-ms-flex-pack: c
浏览 3提问于2015-06-02得票数 5
回答已采纳
目标如果我将图像的高度设置为100%，则图像将更改其大小以与包含的div(子)高度匹配，同时仍然保持其高宽比。expected)The (这作为包含di
浏览 1提问于2021-06-12得票数 0
我正在使用flex布局和图像。我的目标是通过设置flex-direction: column;，在较小的屏幕宽度上将flex-items堆叠在一起，但有一个奇怪的行为我无法理解。包装图像的flex项似乎占据了图像的整个宽度。我已经创建了一个来说明这个问题。提前谢谢你
浏览 0提问于2021-08-04得票数 0
1回答
因此，我让我的图像一个接一个地显示，就像我想要的那样。虽然它们不是垂直的，但我希望它们水平显示。最初，我试图使用flexDirection：'row‘，然后将scrollview设置为Originally来实现这一点，但flexDirection似乎会使图像一起消失。我将flexDirection放在视图中的第60行。我还尝试创建另一个父视图来保存flexDirection，但得到了相同的结果。请将其复制并粘贴到snack.expo.io中，
浏览 23提问于2021-05-10得票数 0
代码很简单<div class='images'> <img src='; justify-content: space-between;}
.images > * {
浏览 9提问于2019-09-23得票数 0
回答已采纳
2回答
HTML元素不重叠
、、、
我试图在图像的右上角重叠一个关闭按钮，并将整个组件包装在div中，这样我就可以使用JS更容易地复制它。我的html结构如下(..是不相关的信息)： <div class="thumb"> display: flex;
fle
浏览 1提问于2019-07-18得票数 0
回答已采纳
我有一个完整的视口宽度，完整的视口高度“英雄形象”在主页上。我做了一个Flex容器。在flex容器中有一个子div (包含一个标题)。这个flex项应该对齐到flex容器的底部。它有一个最大的宽度，应该是水平居中的父.
但是，最大宽度被忽略了。div取其内容的宽度-标题。请参阅JS Fiddl
浏览 0提问于2019-06-20得票数 0
回答已采纳
1回答
具有相同宽度和高度的图像并不总是在具有至少1个其他flex项的flex容器中按预期呈现。它的宽度似乎变小了。有时它渲染得很好，但通常不会(见下图)。奇怪的是，如果我去掉了高度声明，宽度总是工作得很好。 ?
浏览 12提问于2020-04-28得票数 0
2回答
响应图像问题
、、、
这些都是制约因素:图像必须始终保持原来的高宽比。如果父容器的宽度太小，则调整图像的大小以适应其内。图像的最大高度为400像素。图像的最大宽度是父容器的宽度。问题:当受到父级宽度的限制时，图像不会保持其纵横比。width: 100%;
max-width: 1300px
浏览 6提问于2016-08-30得票数 0
有人能告诉我，如果这是一个没有文档的错误与柔性盒，或我只是做错了？我在一个div容器中有3张图像排成一排。这是很简单的，因为它得到了人们。 <a href=""><img幅图像中
浏览 0提问于2018-05-26得票数 1
回答已采纳
1回答
他们有这些项目包含在一个flex容器中： display: flex align-items当我把图像放进去的时候，图像的宽度会推动弯曲的项目比它们应该的大或小。图像的宽度覆盖了弹性项的</em
浏览 2提问于2016-05-23得票数 1
回答已采纳
1回答
我有一个呈现组件，它呈现出一些文本和图像。该组件是一个包含两个DIV的DIV。第一个div包含一个图像，这个div被浮动到右边。下一个div包含各种文本字符串。我有溢出:隐藏在父div上，但是我的文本仍然环绕在包含图像的div周围。我目前唯一能修复这个问题的方法是将包含图像的div的高度设置为100%。简而言之，我有一个包含两个div的div。我想要我的文字在一列，而图像<
浏览 3提问于2017-09-14得票数 0
回答已采纳
我在容器元素中有图像。当图像高度小于容器高度时，我希望图像位于容器的顶部。当图像宽度小于容器宽度时，我希望以图像为中心。
然而，在桌面Safari和移动Safari、Firefox和Chrome上，它看起来像这样，图像垂直居中，宽度较窄，以适应容器<
浏览 2提问于2020-09-23得票数 0
回答已采纳
我试图使用纯CSS显示一行图像，结果是所有图像都有相同的高度。例如，一个较高的图像将收缩，如果它旁边是一个较小的图像。一排可以有2-6张图像.给定9:16的图像和16:9的图像，理想的结果应该是这样的：我最初尝试使用Flexbox，但是列的宽度并没有改变--图像中
浏览 1提问于2019-06-18得票数 3
回答已采纳
具有图像的挠性容器缩小以适应容器的高度，在调整大小之前保持原始图像的宽度。因此，容器不会折叠到收缩图像的新宽度。
是关于轮胎图像的。原始图像大小: 292x440pxDiv.cont_1大小:292 of (应该
浏览 5提问于2022-03-02得票数 1
我有以下代码，它生成适合浏览器窗口大小的行中的单元格：<td><a href="URL2"><imgsrc="IMG2"></a>TXT2</td>
<td><a href="U
浏览 10提问于2017-12-15得票数 0
我想从上到下添加容器中的项目，从左到右在几个列中显示项目。这是我正在做的代码。 display: inline-flex; flex-wrap: wrap;</div>
<div id="container"&g
浏览 0提问于2020-10-25得票数 2
回答已采纳
我试图在flex项目的固定nav菜单中对图像进行居中。我试过使用justify-content: center;命令，但我不认为它做了什么。CSS： padding:0;}
display: flex; flex: 0 0 300px;} position: fixed;
top: 0
浏览 0提问于2015-11-23得票数 1
回答已采纳
2回答
我尝试在React Native中使用ScrollView (启用了分页)来对一系列图像进行分页。有人知道如何让图像视图充满滚动视图的每一页吗？到目前为止，我只能幸运地硬编码图像样式的宽度和高度值。source={{uri: image.url}} style={styles.myImageStyle} /> })} );图像显示的唯一
浏览 3提问于2015-03-29得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
