腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
Img
不
考虑
html
中
的
宽度
(
使用
flexbox
)
html
、
css
、
flexbox
、
width
我有一些
html
,应该创建一个图像在上面,和下面的图片库。 <!DOCTYPE
html
><head> <meta charset="utf/dog5.jpeg" alt="fifth dog"/> &
浏览 22
提问于2021-09-14
得票数 2
4
回答
火狐挠曲盒图像
宽度
html
、
css
、
firefox
、
flexbox
我有一些困难,使我
的
形象,以
不
超过100%
的
可用
宽度
的
父容器。我只注意到Firefox 36
中
的
问题(不包括IE或Chrome)。那么是firefox
的
bug还是我在这里遗漏了什么呢?DOCTYPE
html
> <head>.container { width:300
浏览 5
提问于2015-02-25
得票数 13
回答已采纳
1
回答
在表格单元格元素
中
水平和垂直居中
css
我有这样
的
结构(简化): <div id ="someOtherDiv">.......</div> <
img
src="path"
浏览 1
提问于2018-09-14
得票数 0
2
回答
为什么我在Safari和Chrome中有不同
的
行为?
html
、
css
、
flexbox
这是我
的
html
<
img
src="
img
1.jpg"/> <
img
src="
img
3.jpg"/><
img
src="
img
4.jpg"
浏览 1
提问于2016-04-15
得票数 5
回答已采纳
1
回答
如何使
img
高度取决于集装箱
的
高度和集装箱
的
宽度
取决于
img
的
纵横比?
html
、
css
、
flexbox
HTML
: <div id="card"> <
img
src="assets/myImage.png" alt="picture"> </div> </div>
浏览 4
提问于2020-06-11
得票数 1
1
回答
高度和最大高度不适用于我在
flexbox
中
的
图像
html
、
css
、
flexbox
我有一个
flexbox
,它有两列,每列都有50%宽。 然后我想在右栏添加一个大
的
正方形图片,图片
的
高度应该由左栏
的
内容高度决定。(以后会在左栏插入更多内容) 但是height和max-height总是不能处理我在
flexbox
中
的
图像,这会导致右栏被拉伸。
浏览 16
提问于2020-07-03
得票数 0
回答已采纳
2
回答
在safari
中
无法正确查看图像
的
flexbox
html
、
css
、
safari
、
flexbox
我在Safari中
使用
flexbox
时遇到了问题,我在这些页面上找不到适合我
的
解决方案。 /* background: #eee; */ -ms-flex-order: 2;}<div class="
flexbox</em
浏览 1
提问于2015-10-05
得票数 2
1
回答
将图像缩放到挠曲箱
中
的
最大尺寸
html
、
css
、
flexbox
我有一个柔性盒,里面有几个有
宽度
约50%
的
挠曲盒。一个柔性盒项要么包含一个或多个<p>元素,要么包含单个<
img
/>。带有图像
的
柔性盒项应该是完全填充图像
的
,而不是设置为起伏div.The图像
的
背景,即使图像填充了整个
宽度
,div.The图像
的
下方总是有一个小
的
红色条。如何使图像填充整个柔性盒项?如果图像
的
高宽比发生变化,这并不重要。 ,我
不
希望图像下面的空白空间
浏览 0
提问于2015-10-11
得票数 0
1
回答
CSS
中
居中和响应式图像
css
、
sass
提前感谢您
的
帮助!我需要这个图像居中,同时高度应该减少,同时调整浏览器窗口
的
大小。
使用
flexbox
已经完成了第一件事。但不幸
的
是,身高保持不变。图像
的
宽度
比视口
的
宽度
大,这是经过深思熟虑
的
假设。请在此处查看:https://jsfiddle.net/23nqgtz5/
html
: <div class="
img
-contai
浏览 13
提问于2019-05-22
得票数 0
回答已采纳
3
回答
CSS: Firefox/Internet Explorer
中
flexbox
的
图像缩放问题
css
、
image
、
internet-explorer
、
firefox
、
flexbox
我正在尝试
使用
flexbox
在我
的
内容流
中
并排放置两张图片。在Chrome/Safari
中
,它可以正确缩放图像,但在Firefox/IE
中
,纵横比不受重视,图像会失真。内容流
的
整体
宽度
取决于浏览器
的
宽度
。因此,当窗口变窄时,需要重新调整图像。这是它在Chrome/Safari (WebKit)
中
的
样子: 虽然它在Firefox/Intern
浏览 0
提问于2015-04-10
得票数 4
1
回答
3个高度可变
的
切片扩展图像
html
、
css
我试着从3个图像
中
创建一个单一
的
响应式图形。左边
的
盖子,右边
的
盖子,中间
的
一块可以展开以填充。一开始看起来很简单,但事实证明很难。这是我
的
html
。"> </div> <
img
src=
浏览 0
提问于2015-06-03
得票数 0
8
回答
CSS 100%高度在React应用程序
中
不起作用
css
、
reactjs
我正在尝试在我
的
React应用程序中
使用
Flexbox
来创建一个简单
的
两列网页,它占据了整个
宽度
和高度。:root { height: 100%; min-height: 100%} flex: 0 0 200
浏览 0
提问于2017-10-16
得票数 12
1
回答
按比例将左侧图像缩放到右侧两行
的
高度
css
我想不出如何将左侧
的
图像按比例缩放到右侧两行
的
高度。我试着用
flexbox
来解决这个问题,但是长宽比没有被保留。<div style="display: flex;"> <
img
src="https://www.gnu.org/graphics/heckert_gnu.small.png">
img
的
宽度
和高度
的
计算取决于右侧div
浏览 17
提问于2017-08-30
得票数 0
1
回答
Flex图像包装器添加空空间
html
、
css
、
flexbox
我有
flexbox
的
图像在100%高。我不明白为什么
flexbox
元素中有一个空空间。我没有用过毛边和垫子。你可以看到: 但它有一个空
的
空间。
flexbox
的
宽度
不等于图像
宽度
。我该怎么做才能使图像
宽度
达到柔印盒
的
大小?flex; flex-directio
浏览 2
提问于2020-07-05
得票数 0
1
回答
将
flexbox
容器缩小到内容大小
html
、
css
、
flexbox
如果
使用
Flexbox
布局在一行
中
对某些项目进行布局,则
Flexbox
容器将占据其所在容器
的
全宽。如何将
Flexbox
容器设置为只占用其子元素
的
宽度
?看一下下面的例子: 在本例
中
,
flexbox
容器
的
大小超出了子元素
的
宽度
。解决这类问题
的
典型方法是display: inline,但显然这是行不通
的
,因为那样它就不再是
f
浏览 3
提问于2017-07-12
得票数 11
6
回答
如何在
html
中
并排放置2张图片?
html
、
css
这是我当前
的
代码: <figure class="half"> <
img
style="width:600px" src="http:/
浏览 92
提问于2016-12-16
得票数 1
回答已采纳
1
回答
如何根据柔性盒内
的
窗口大小使项目的大小发生变化?
html
、
css
、
flexbox
我
使用
html
/css
中
的
flexbox
创建了一个基本
的
图像库。当前页面上有6个图像,由于弹性包装,它们根据窗口大小将配置从1x6更改为2x3到3x2到4+2,将配置更改为5+1到6x1。现在我想加入两个更多
的
特性:
的
缩放不应该超过3x2,以保持网站
的
对称性。在3x2之后,仅仅图像
的
大小应该增加,图像
的
大小也应该根据窗口进行缩放。例如,当我在2x3配置
中
增加窗口大小时,
浏览 1
提问于2020-05-09
得票数 0
2
回答
我想将文本放在圆框内
的
图像附近
javascript
、
html
、
css
、
reactjs
我想图标是在文字附近
的
圆形框,但它出现了下来,这是我
的
代码。
HTML
: <div classNam
浏览 0
提问于2021-09-23
得票数 0
1
回答
为什么当我添加显示: flex时,我
的
图像会消失?
html
、
css
、
sass
我正在尝试
使用
本教程向我
的
网站添加一个图像滑块:和您创建它所需做
的
事情之一是将幻灯片放在display: flex
中
,以便它们并排(然后添加javascript以使其工作)。在我
的
网站上,幻灯片应该由一些文本旁边
的
图片组成。然而,当我试图将幻灯片放在display: flex
中
时,图像就会消失,只剩下文本框相隔。我不知道为什么会这样。当我尝试
使用
display: grid而不是列数=幻灯片数时,也会发生同样
的
情况。 我该怎么解决这个问
浏览 9
提问于2022-08-17
得票数 1
1
回答
使用
柔性盒创建可调整大小和可伸缩
的
图像网格
html
、
css
、
flexbox
我正在尝试
使用
FlexBox
构建一个可调整大小/可伸缩
的
图像网格。我试过用柔性盒和桌子。在
使用
FlexBox
时,我还尝试
使用
flex属性为图像设置fl
浏览 0
提问于2019-06-03
得票数 2
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
在前端中,图片水平垂直居中对齐,你知道有几种方法?
Flexbox 布局的最简单表单
24个 CSS 高级技巧合集
20条CSS高级技巧
前端自适应布局你需要知道的所有事
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券