腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
当
屏幕
尺寸
减小
(
宽度
)
时
,
如何
让
flex
容器
一行
显示
div
?
html
、
css
、
flexbox
、
css-grid
我想
让
这个
flex
容器
(.
flex
- container )能够在
屏幕
尺寸
减小
时以行的形式
显示
div
。这个
flex
容器
里面也有一个网格
容器
。我想
让
蓝色的
div
在前面,红色的
容器
在它下面。我尝试了
flex
方向,并将网格
容器
的
显示
更改为
flex
,但它不起作用。下
浏览 17
提问于2021-01-09
得票数 0
3
回答
增加图像的
宽度
,直到原来的
宽度
,在响应的
DIV
容器
内
javascript
、
html
、
css
、
image
我有一个<
div
>
容器
,占
屏幕
的80% (响应页面)。在这个<
div
>中,我想
显示
一个图像,它是400x400(像素)。我的目标:
屏幕
宽度
减小
:<
div
>
宽度
减小
,
当</
浏览 3
提问于2016-09-29
得票数 0
回答已采纳
1
回答
如何
使溢出对象可滚动或从右侧开始?
css
、
reactjs
、
responsive-design
、
overflow
、
heatmap
我正在使用uiws的一个包来构建热图,但是,在较小的
屏幕
上,我希望热图可以在x方向上滚动,或者从右边开始
显示
最新的日期。请看下面的图片,以便更好地理解我的意思。我目前的方法是将热图的
宽度
设置为一个设置的
宽度
,比如700px,
当
屏幕
尺寸
减小
时使用overflow:hidden。但是,使用这种方法
时
,
当
屏幕
宽度
减小
时,热图的右侧会被切断。我想把左边的头发剪掉。或者,这
浏览 23
提问于2021-10-04
得票数 0
2
回答
如何
在HTML电子邮件css中对齐表格
html
、
css
在正常的桌面视图中,我希望它
显示
在2列,文本在左边,图像在右边。但是在移动视图上,我只想要1列,而且图像将在文本顶部。我想在HTML电子邮件上做这件事。谁知道怎么改写表格从左到右对齐?
浏览 1
提问于2016-05-07
得票数 0
2
回答
如何
让
flex
容器
div
在调整浏览器大小时达到100%的
宽度
?
html
、
css
、
responsive-design
、
flexbox
当
屏幕
尺寸
减小
到手机的大小(比如max-width: 480px)
时
,有没有可能让felx
容器
(display:
flex
)中的
div
达到100%?: #1B5385; color: white; font-family: monospace; font-size: 13px; }.two {
flex
: 2; } .one {
flex
: 1; } ```ja
浏览 80
提问于2019-04-21
得票数 1
回答已采纳
1
回答
Flexbox响应式布局
css
、
flexbox
;" id="
flex
"> dhhrth rthrthrth rth rhrthrth <
div
class="
flex
-container-inner">
浏览 2
提问于2016-11-23
得票数 1
1
回答
CSS -
Flex
-direction: column;不创建列
css
我在一个有三个
div
的网站上创建了一个部分。我在
一行
中
显示
div
,其中包含display
flex
和orientation行。 为了使设计具有响应性,我希望它在
屏幕
尺寸
减小
时
显示
为一列。在媒体查询中,我将
容器
设置为
flex
-direction: column;但它没有按预期工作。两个
div
出现在一列中,而中间的
div
在边上。链接到下面的代码,这样你就可以看到我写的
浏览 7
提问于2021-05-26
得票数 0
回答已采纳
3
回答
在同
一行
中对齐图像
html
、
css
在我学习web开发的过程中,请帮帮我,我正面临着两个问题1:
如何
才能将上一张图片中的所有图片对齐2:图片下方的价格我想要对齐到图片的最后一角 [<section id ="featured">
浏览 1
提问于2016-05-26
得票数 2
1
回答
如何
在包装
时
移除导航栏的最后一项?
html
、
css
、
flexbox
、
nav
在媒体
屏幕
的帮助下,
当
最大
宽度
达到820px
时
,我可以删除最后一项,但
当
单词的最后一个字母接触到结束
屏幕
时
,我需要删除它。
当
屏幕
尺寸
减小
时,每个单词都会被删除。</nav> </
div<
浏览 0
提问于2021-06-23
得票数 0
2
回答
用一个图片创建一个简单的HTML页面
html
、
css
、
responsive-design
我可以很容易地创建一个页面并添加图像并将其中心化,但是要使页面响应,特别是
当
图像是2049x1152
时
,这是我的技能集无法使用的地方。
浏览 3
提问于2022-03-08
得票数 0
1
回答
CSS -删除子元素
时
具有活力的父元素
宽度
html
、
css
、
css-animations
在设置最大
宽度
的
flex
容器
中有一个
div
容器
。
当
子区域被移除
时
,
宽度
将
减小
。是否可以仅用CSS来动画
宽度
的变化? var element = el;} display:
flex
; width: auto; #child
浏览 1
提问于2022-07-20
得票数 0
2
回答
将
flex
项保留在父
容器
中
html
、
css
、
image
、
flexbox
每当我
减小
窗口的
宽度
时
,在某个点上,
flex
项会溢出父
容器
并溢出到超出
容器
宽度
的位置。</
div
> <h3 class="footer">Footer content</h3> 在中,每次窗口
宽度</
浏览 17
提问于2019-10-21
得票数 0
2
回答
Flexbox:填充剩余空间,但仍然换行
css
、
flexbox
有没有办法
让
flexbox项目填满剩余的空间,但
当
它们变得比内容小的时候就包装起来。</
div
>.grid {
flex
-direction: row; background: green;我希望固定
浏览 2
提问于2015-08-06
得票数 9
回答已采纳
2
回答
Flexbox包装-对最后
一行
的不同对齐方式
html
、
css
、
flexbox
我正在使用
flex
框对齐两个项目的左和右的
容器
,而垂直中心对齐他们。这里有一个非常简单的例子,说明我正在努力实现的目标。: width:100%;
flex
-direction: row; justify-content如果
屏幕
足够宽,可以在
一行
上同时安装两个内部
div
,这是非常好的。然而,
当
屏幕<
浏览 0
提问于2014-11-17
得票数 12
回答已采纳
2
回答
在移动视图中,React图像从body
容器
中剪切出来
css
、
reactjs
、
sass
此外,滑块图像的
宽度
也不会
减小
。我该怎么解决它呢?<
div
style={{display:"
flex
"}}></
div
>. thumbnail {height:100px我需要在行中
显示</e
浏览 0
提问于2021-05-27
得票数 0
2
回答
Angular
Flex
不能将项目放在同
一行
上,Angular 8.2.1和
Flex
-Layout 8.0.0.beta 26
html
、
angular
、
flexbox
、
angular-flex-layout
我尝试在
一行
上对齐我的方框,但
当
屏幕
尺寸
是小型电话
显示
屏
时
,允许换行和移动到列模式。我正在尝试获得:
当
屏幕
缩小时:HTML</
div
>WinsT
浏览 10
提问于2019-08-13
得票数 0
回答已采纳
2
回答
在
一行
中
显示
10个项目
html
、
css
、
bootstrap-4
我在
div
中绘制了一个气泡图。我只需要为大
屏幕
显示
10个气泡,并且随着
屏幕
尺寸
的
减小
,
一行
气泡的数量也会减少。我尝试为每个气泡设置10%的
宽度
,但它在大
屏幕
上有效,但没有响应。 width: 10%; top: 25px; display: inline-block; /* display:
flex
:
浏览 1
提问于2020-03-28
得票数 0
1
回答
确保
Flex
容器
内部分区在窗口调整- CSS上保持其维度
html
、
css
、
flexbox
我有一个
flex
容器
,它包含一个内部
div
(红色方框)和一个单独的段落标记中的一些文本。 margin: 0; height: 100vh; display:
fl
浏览 4
提问于2020-07-16
得票数 0
回答已采纳
1
回答
在高度调整的情况下,保持弹性
容器
中的图像比率
html
、
css
、
flexbox
我对弹性
容器
中的图像有问题。
当
容器
/窗口高度
减小
/调整大小时,我希望它保持比率。 body {} display:
flex
; height: 60%;} <
div
class="image-con
浏览 2
提问于2017-12-03
得票数 1
1
回答
没有额外
宽度
的包装柔性盒
css
、
flexbox
我试图在一个
容器
中
显示
一堆盒子,这样
当
它们达到
容器
的最大
宽度
时
,它们就会填充
一行
,然后绕一圈。通过在
容器
<
div
>上放置以下样式,我可以轻松地完成基本布局display:
flex
;max-width: calc(100vw - 500px); 这
让
我得到了我想要的但问题是..。假设
浏览 3
提问于2022-09-16
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS3 Flexbox布局
几种常见的 CSS 布局
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
前端入门5-CSS弹性布局flex
从零开始学 Web之CSS3(七)多列布局,伸缩布局
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券