腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(5062)
视频
沙龙
3
回答
如
何在
flexbox
中
固定
图像
,
忽略
容器
高度
?
、
、
、
、
嗨,在我的项目中,我刚刚设置了一个带有div的card元素,该div包含顶部的
图像
和下面的文本。我的问题是,当设置为100%
高度
时,包含
图像
的div使用的是卡片的
高度
,而不是父div的
高度
。column; display: flex; width: 100%; //移除该
高度
值或设置为
浏览 21
提问于2020-09-16
得票数 0
1
回答
css -在大屏幕上,两列上,在小屏幕上--一列具有动态
高度
、
、
我希望从列表(在
图像
上)的数据显示在两个或更多列和
容器
应该是
固定
大小的大屏幕,并显示在一个列
中
的
容器
具有动态
高度
。这是
图像
:默认情况下,尝试使用
固定
高度
的
flexbox
和flex-direction:column,并在width < 768、height: auto和flex-direction: row的媒体查询
中
尝试,但不起作用。
浏览 0
提问于2018-09-17
得票数 0
1
回答
flexbox
容器
中
的响应式gatsby
图像
、
我正在努力让gatsby-image以一种响应式的方式与
flexbox
一起工作: 我希望我的所有
图像
的大小和
高度
相同,他们应该是移动和桌面响应。 这是gatsby镜像的用例吗?我可以显示它的唯一方法是添加一个
固定
的minWidth <div className={styles.header}> <GatsbyImage className={styles.image} fluid如
何在
flexbox
容器
中使用gatsby-image,并且希望所有<
浏览 19
提问于2020-08-22
得票数 1
回答已采纳
2
回答
强制flex
容器
中
的
图像
与其他flex元素的
高度
匹配
、
、
我有两个具有
固定
宽度的并排flex元素,一个是文本元素,另一个是
图像
元素。如何强制右侧
容器
中
图像
的大小动态匹配左侧
容器
中文本的
高度
,同时保留纵横比并避免裁剪? .
flexbox
{ width: 400px; display: flex;} width: 40%; disp
浏览 33
提问于2021-11-18
得票数 1
1
回答
Flexbox
高度
和背景
图像
高度
、
、
、
我收到了使用柔性盒和创建一个以地图作为背景
图像
的
容器
的提示,并创建了单独的
容器
,这些
容器
可以为可点击的点保存
图像
按钮。该解决方案必须响应并同时适用于桌面和移动设备。首先,我尝试让背景
图像
和点/(框)同样调整大小,然后尝试在points/( by )上设置位置,但我已经遇到了背景
图像
和父
容器
的问题。因为我不能将父
容器
的
高度
设置为与背景
图像
相同的
高度
,所以现在只显示
浏览 4
提问于2021-12-19
得票数 1
回答已采纳
2
回答
如何使柔性盒约束
图像
高度
?
、
这里是CSS
Flexbox
新手。 我使用了下面的
flexbox
代码:<html style="height: 100%;"><!."
浏览 6
提问于2015-04-09
得票数 4
8
回答
固定
大小的
容器
元素
中
的中心
图像
(CSS、HTML)
、
我希望在从数据库加载的.net页面上显示
图像
(因此数量可能会有所不同)。所有
图像
都有不同的宽度和
高度
,分别高达130 to和60 to。我想将
图像
放入
固定
宽度为130 of和
固定
高度
为60 of的
容器
元素
中
。
图像
应该是垂直的和水平的中心。如果可能的话,
容器
元素应该水平对齐。 我尝试了div (使用浮点数)和span。使用div,我得到
固定
的大小,但不能对
图像
进行居
浏览 9
提问于2012-03-28
得票数 9
回答已采纳
1
回答
CSS - image
忽略
流体
容器
中
的最大
高度
- jsFiddle inside
、
示例:如果您打开jsFiddle并展开浏览器的宽度,就可以看到它。目标是使
图像</
浏览 1
提问于2012-07-15
得票数 2
2
回答
从上到下,从左到右堆叠变高,
固定
宽度div在两个或更多的列。
、
、
、
我想要在一个
固定
宽度和可变
高度
的
容器
中
布局可变
高度
但
固定
宽度的div,这样子div看起来就像一个砖石式的模式,有两个或更多的列。我想要的是:下面是我在浮标或
FlexBox
上得到的信息:这是代码笔: <div class="item"> </
浏览 5
提问于2016-07-06
得票数 0
1
回答
响应
图像
拉伸-一个基于y轴的网格?
、
、
、
考虑我们每天使用的常规响应网格,
如
引导、基础等。然后旋转90度:灰色
容器
是一幅放大
图像
,具有已知的纵横比(3:2)。蓝色
容器
是一个已知数量的方形
图像
(拇指),完全适合大
图像
。粉红色边框是
容器
,它的
高度
是
固定
的(
如
50 of的html,body{height:100vh})。所有的
图像
都有100%的一面和自动的一面。 因此,“灰色”
图像
应该伸展到它的
容器
浏览 5
提问于2015-12-02
得票数 5
2
回答
如何将
图像
高度
限制为另一个
flexbox
列的
高度
?
、
、
我有一个有两列的
flexbox
布局。第一列包含
图像
,在设计时
图像
的纵横比是未知的。我希望在保持
图像
纵横比的同时显示整个
图像
。第二列包含几行文本,长度在设计时未知。
容器
不应该有
固定
的
高度
。如
何在
不使
图像
高度
超过第二列(文本)的
高度
的情况下最大化第一列
中
的可用空间? 在下面的代码片段
中
,我希望黑色
图像
的
高度
小于或等
浏览 20
提问于2021-04-22
得票数 0
1
回答
如何制作从一列到另一列的
高度
未定义的多列布局?
、
没有javascript 取消注释的
高度
显示它工作与
固定
的
高度
,
浏览 0
提问于2014-03-11
得票数 0
回答已采纳
2
回答
作为父div
高度
的
图像
高度
、
我有
flexbox
,有很少的元素,例如段落和
图像
。我想在计算
flexbox
高度
时
忽略
图像
高度
。我希望
图像
高度
等于div
中
其他元素的最大
高度
div{ background-color: pink; width: 200px; img
浏览 2
提问于2020-07-30
得票数 0
1
回答
为什么这个弯曲的东西有它的
高度
限制?
、
、
我偶然发现了一些发生在我的弹性子项目上的事情,
如
所示。<br></div> 基本上,当设置overflow:hidden时,
固定
高度
的柔性箱
容器
内的挠曲项目的
高度
限制在柔性箱
容器
浏览 2
提问于2015-11-12
得票数 1
回答已采纳
2
回答
在IE10
中
具有最大
高度
的
flexbox
、
、
我正在尝试找到一种方法,让我的
flexbox
在IE10
中
正常工作: 下面是一个可以在Chrome、Firefox等浏览器上运行的例子。我有一个绝对定位的
flexbox
,它有
固定
的页眉,
固定
的页脚和填充体。
flexbox
将占据它所需的
高度
,但如果它达到最大
高度
,则车身将开始滚动。到现在为止还好。但是,如果您在IE10
中
打开该链接,它将不起作用。正文现在溢出,而不是滚动,导致列表底部和页脚都被隐藏。原因似乎是.lhs上的最大
高度<
浏览 6
提问于2014-04-08
得票数 1
1
回答
CSS:如
何在
柔性盒中使
图像
不超过其父母的
高度
?
、
、
我有一个flex
容器
,为了简单起见,它的
固定
高度
为300 it (实际上它有一个灵活的
高度
)。在这个
容器
中
还有其他几个
容器
,比如标题和文本。 <div
浏览 2
提问于2021-02-13
得票数 0
回答已采纳
1
回答
如
何在
反应性JS中将不同列的值拆分为不同的行
、
、
、
、
目前,这些值位于一行
中
,如下所示,我试图将其分隔为3行 我尝试了下面的代码片段,但没有成功。
浏览 1
提问于2021-07-01
得票数 1
回答已采纳
1
回答
图像
收缩后垂直
flexbox
的横轴大小
、
、
我想创建一个布局与一些文本(或可能的其他东西)下的
图像
和文本和
图像
的组合具有
固定
的
高度
。下面的代码做到了这一点,但在缩小
图像
(保持在600像素)之后,
flexbox
容器
不会更新其宽度。如何使
容器
仅与
图像
一样宽? <img src='http://via.placeholder.com/600'> <span>Some text</span&
浏览 8
提问于2020-03-20
得票数 0
2
回答
根据可伸缩和
固定
对象调整
容器
高度
的数学大小
我试图确定缩小
图像
的数量,这是在一个带有其他
固定
高度
文本字段的
容器
中
,基于调整窗口的大小来布局
容器
内容。(non-scalable). 红色=
固定
高度
文本字段 Black =可缩放
图像
.调整大于绿色
容器
的窗口大小对绿色
容器
浏览 4
提问于2011-07-03
得票数 2
回答已采纳
2
回答
当
容器
变成flex
容器
时
图像
消失
、
我有一个用Gatsby版本2制作的页面,我想在一个
flexbox
容器
中用gatsby-image制作组件。当我删除display: flex;属性时,
图像
就会出现,当
容器
是flex
容器
时,
图像
就会消失。我还尝试在
容器
上设置flex-direction: colum
浏览 40
提问于2019-07-08
得票数 12
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS各种姿势实现Sticky Footer
CSS 五种方式实现 Footer 置底
给萌新的 Flexbox 简易入门教程
CSS—总结常用垂直居中方法
前端自适应布局你需要知道的所有事
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
云直播
活动推荐
运营活动
广告
关闭
领券