腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
使
图像
填充
flexbox
中
的
容器
css
如何
使
图像
在
flexbox
项目中填满整个高度?
图像
应该被拉伸以
填充
高度,同时保持纵横比。
浏览 17
提问于2020-07-07
得票数 0
5
回答
如何才能显示:flex
容器
与其包装
的
内容水平展开?
html
、
css
、
flexbox
在使用css
flexbox
时,三个主要浏览器在某些方面的行为似乎完全不同。我需要一个
容器
,它本身包含设置为从上到下流
的
几个div元素,并在它们到达底部时包装。但是,我需要
容器
水平展开以容纳包装
的
元素:其行为如下: 火狐-
容器
只包装第一列
的
元素,其余部分溢出。Chrome -
容器
总是伸展以
填充</em
浏览 5
提问于2014-05-01
得票数 32
回答已采纳
1
回答
使用柔性盒
使
孩子
的
高度达到100%。
html
、
css
、
flexbox
我试图
使
左边
的
图片
的
祖父母<div class="col">,
填充
它
的
父
容器
的
高度,这样它将与右边
的
图像
相同
的
高度。我想让它响应,所以我尝试使用
flexbox
,但是找不到它,因为父程序使用
的
是
flexbox
: row,而您需要
flexbox
: column来让它
填充
父程序
的
高度。
浏览 5
提问于2021-10-17
得票数 0
回答已采纳
2
回答
flexbox
容器
中
的
左右
填充
正在拉伸子
图像
css
、
flexbox
我有一个
flexbox
,direction列,有四个子元素,一个
图像
和三个文本元素。当
容器
中
没有
填充
时,
图像
具有正确
的
比例,但我在
容器
中
添加
的
右
填充
和左
填充
越多,
图像
就越垂直拉伸。就好像
flexbox
把
图像
当作一个文本元素,用更多
的
填充
来拉伸它以适应更多
的
内容。align-s
浏览 1
提问于2021-05-29
得票数 0
1
回答
flexbox
-我不知道是什么原因导致这个div在
flexbox
中有一个阻塞
的
空间
html
、
css
、
web
、
flexbox
如果有人能帮我解决造成这个紫色封堵框在我
的
#标题-内容,这将是非常感谢。
浏览 3
提问于2022-06-26
得票数 0
回答已采纳
1
回答
Flexbox
高度和背景
图像
高度
html
、
css
、
flexbox
、
background-image
我是html和CSS
的
初学者,我会尝试用可点击
的
点来制作地图,但我不明白。我收到了使用柔性盒和创建一个以地图作为背景
图像
的
容器
的
提示,并创建了单独
的
容器
,这些
容器
可以为可点击
的
点保存
图像
按钮。首先,我尝试让背景
图像
和点/(框)同样调整大小,然后尝试在points/( by )上设置位置,但我已经遇到了背景
图像
和父
容器
的
浏览 4
提问于2021-12-19
得票数 1
回答已采纳
2
回答
如何在调整浏览器大小时防止内容重叠?
html
、
css
我觉得所有的东西看起来都和我使用
的
模板一样,但是我注意到上面的“占位符”图片( pug)和底部
的
“Sign Up”按钮有重叠
的
地方。这也是我从头开始
的
第一个项目,所以我知道我
的
HTML和CSS非常混乱。请善待我:)我已经为此工作了一个多星期,但我不知道我做错了什么!我怀疑这可能与我
的
负利润有关,但我不确定。这是我
的
超文本标记语言和CSS:https://codepen.io/palmercury/pen/eYExONy
浏览 26
提问于2021-11-17
得票数 0
1
回答
在文本前添加
图像
html
、
jquery
、
css
我想使用jQuery在文本之前添加一个
图像
。下面是DOM
中
的
HTML。我不想像在其他页面
中
那样使用类名添加任何样式,它也会受到影响 是否可以使用不变
的
文本值(picture1示例文本)插入
图像
例如:|image| picture1示例文本 <div class="a">
浏览 17
提问于2021-10-27
得票数 0
回答已采纳
4
回答
火狐挠曲盒
图像
宽度
html
、
css
、
firefox
、
flexbox
我有一些困难,
使
我
的
形象,以不超过100%
的
可用宽度
的
父
容器
。我只注意到Firefox 36
中
的
问题(不包括IE或Chrome)。那么是firefox
的
bug还是我在这里遗漏了什么呢?注意:
图像
不应该比原来
的
尺寸大。 Firefox:<html> <style type="te
浏览 5
提问于2015-02-25
得票数 13
回答已采纳
2
回答
具有相同大小
容器
div
的
嵌套
flexbox
图像
html
、
css
、
flexbox
、
aspect-ratio
我遇到了一个嵌套
的
flexbox
容器
里面有一个
图像
的
问题。我需要
图像
始终保持其16x9
的
比例,并希望父(或另一个div)始终是
图像
的确切大小,因为我正在使用它
的
坐标来创建激光笔功能,并将其发送给其他用户。我目前有以下代码:#container { display: -ms-
flexbox
; -webkit-box-alig
浏览 18
提问于2021-03-26
得票数 0
1
回答
将
图像
缩放到挠曲箱
中
的
最大尺寸
html
、
css
、
flexbox
带有
图像
的
柔性盒项应该是完全
填充
图像
的
,而不是设置为起伏div.The
图像
的
背景,即使
图像
填充
了整个宽度,div.The
图像
的
下方总是有一个小
的
红色条。如何
使
图像
填充
整个柔性盒项?如果
图像
的
高宽比发生变化,这并不重要。 ,我不希望
图像
下面的空白空间消失。我想要它散开,使用完全
浏览 0
提问于2015-10-11
得票数 0
1
回答
本机
Flexbox
图像
无法
填充
容器
的
宽度
reactjs
、
flexbox
、
react-native
我有一个灵活
的
容器
,它包含了列-flex样式
中
的
3个组件。预期
的
行为将是,这3个组件将根据其flex样式(它们所做
的
)占据高度,并且它们将伸展以
填充
其
容器
的
宽度(文本组件会这样做,但是
图像
组件不会!)。为什么
图像
组件没有伸展来
填充
宽度呢?
浏览 1
提问于2015-09-29
得票数 2
1
回答
使用CSS
flexbox
创建包含2列
的
菜单
html
、
css
、
flexbox
我想创建一个类似于
图像
中的菜单。我已经完成了大部分工作,但我正在尝试用红色复制
容器
。只需要红色
容器
中
的
项目和白色字体颜色,即不需要更多类别和学习指南。<ul> <li>Adobe Photoshop&l
浏览 0
提问于2018-04-09
得票数 0
1
回答
为什么
flexbox
子项不能拉伸以
填充
父
容器
(包括jsfiddle)?
html
、
css
、
flexbox
根据CSS-tricks上
的
文档,使用justify-content: stretch,
Flexbox
子项目应该在其
容器
内伸展以
填充
可用
的
空间。我有一个
flexbox
容器
,我将主轴设置为列方向,然后在这个
容器
中放置两个div
flexbox
项。我希望它们均匀地
填充
可用
的
垂直空间(所以我相信flex: 0 1 auto应该这样做)。
浏览 1
提问于2018-07-11
得票数 0
1
回答
居中模式窗口
javascript
、
jquery
、
html
、
css
我想将此日期选择器居中,以使其在移动设备上更易于使用,但我无法使其正常工作。我目前正在尝试这种方法: position: absolute; top: 50%; width: 40%;...but不走运。它在水平方向上居中,但并不正确,并且模式会随窗口大小而缩放。在垂直方向上,它根本没有居中。小提琴:
浏览 0
提问于2015-04-28
得票数 0
3
回答
Flexbox
-
图像
溢出而不是包装
html
、
css
、
flexbox
我正在尝试做一个
Flexbox
图片库,
使
悬浮
图像
展开。如何
使
图像
环绕并
填充
空白,而不是从
容器
div
中
溢出?width: 274px;} width:548px;此外,忽略布局时,没有
图像
当前悬停这个想法是,画廊将始终有一个
浏览 0
提问于2017-10-17
得票数 1
回答已采纳
1
回答
高度和最大高度不适用于我在
flexbox
中
的
图像
html
、
css
、
flexbox
我有一个
flexbox
,它有两列,每列都有50%宽。 然后我想在右栏添加一个大
的
正方形图片,图片
的
高度应该由左栏
的
内容高度决定。(以后会在左栏插入更多内容) 但是height和max-height总是不能处理我在
flexbox
中
的
图像
,这会导致右栏被拉伸。
浏览 16
提问于2020-07-03
得票数 0
回答已采纳
1
回答
引导4.0 -响应标头与
图像
+导航杆+全高度车身
html
、
css
、
twitter-bootstrap
、
bootstrap-4
我正在构建一个响应页面与引导4,其中有一个标题/标题部分与客户
的
标志,他们
的
名字和一个导航栏
的
图像
。所有这些元素都是响应
的
,即
图像
根据屏幕大小缩小,而导航条在小屏幕上最小化。即:用内容
填充
屏幕
的
剩余高度,必要时使用滚动条显示所有内容。 但出于某种原因,我不知道如何跨越页
的
其余部分
的
整个高度。它要么在一些大屏幕上太大,当它完全适合移动设备时,要么完全适合大屏幕,但只有移动设备应有高度
的
一半。
浏览 0
提问于2018-03-24
得票数 0
回答已采纳
3
回答
如何消除WebKit在使用CSS3列时添加
的
填充
?
css
、
webkit
但是,当我在布局中放置一些块时,WebKit在
容器
底部添加了一个奇怪
的
填充
(单击
图像
转到):我
的
基本CSS如下所示: -webkit-column-count:webkit-column-gap: 0;} display: inline-block;} 我如何摆脱空间,
使
父
容器
作为第一次尝试,我一直在尝试使用
flexbo
浏览 6
提问于2014-06-06
得票数 0
1
回答
包装
flexbox
以允许最大限度
的
子缩放,同时保留纵横比
html
、
css
、
sass
、
flexbox
我想使用
flexbox
容器
来显示一行
图像
。为了与屏幕上
的
其他元素配合得很好,
容器
的
高度必须恰好为30vh。问题在于包装。在非常宽
的
屏幕上,
图像
应该都在一行
中
。但在大屏幕上,行应该会自动换行。这是我做不到
的
事情。
flexbox
中
的
元素可以收缩以
浏览 2
提问于2021-03-12
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
本月 Firefox 65 将加入 Flexbox Inspector 开发者工具
本月 Firefox 65 将加入 Flexbox Inspector 开发者工具
给萌新的 Flexbox 简易入门教程
CSS—总结常用垂直居中方法
如何快速学习 CSS Grid 布局-相关资源和教程推荐
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券