腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
具有
%
width
的
CSS
Flexbox
包装
项目
html
、
css
、
flexbox
、
width
我有2个元素
的
flexbox
。第一个元素
的
宽度是
flexbox
的
40%,第二个元素
的
宽度是60%。当第二个元素
的
宽度小于600px时,我想要
包装
第二个元素,但如果第二个元素被
包装
,我希望两个元素
的
宽度都达到100% <div style="display: flex; flex-wrap: wrap0 40%"> <div id="text1" cla
浏览 13
提问于2020-07-23
得票数 0
回答已采纳
1
回答
围绕更高
的
元素
javascript
、
html
、
css
、
flexbox
如果任何物品
具有
相同
的
高度,则所有物品都正确
包装
。但是,如果单个
项目
比其他
项目
具有
更大
的
高,则
项目
将
包装
在较高元素
的
底部。在这里您可以看到我
的
示例:<div id="
flexbox
-container"> <div class="small-container">&
浏览 0
提问于2016-04-19
得票数 2
1
回答
包装
时,
Flexbox
更改
项目
样式
html
、
css
、
flexbox
项目
包装
后可以应用样式吗?// Not relevant for the question - toggle container
width
未
包装
的
: <e
浏览 10
提问于2022-11-29
得票数 1
2
回答
添加新
项目
时隐藏第一个
flexbox
项目
css
、
flexbox
我有一个
flexbox
,里面有三件东西: ? 当添加第四个
项目
时,我希望红色
项目
消失: ? 当黑色去掉
的
时候,我想要红色
的
回来。关键是,我希望这是纯
CSS
,没有JS。当我设置一个高度,然后隐藏溢出和弹性包裹:
包装
黑盒
包装
和消失,和
包装
-反转做同样
的
事情。></div></
浏览 23
提问于2021-09-02
得票数 1
回答已采纳
2
回答
如何将图标和文本居中对齐?
javascript
、
html
、
css
、
frontend
如何将图标垂直堆叠并与其各自
的
文本对齐,以及水平对齐?并使其全部移动响应式? ? 我
的
尝试 li { display: inline; margin: 0 150px;} <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
浏览 34
提问于2021-07-26
得票数 2
回答已采纳
5
回答
flexbox
可以检测到flex
项目
何时
包装
吗?
html
、
css
、
flexbox
、
media-queries
我希望摆脱媒体
的
质疑,只使用
flexbox
来解决我
的
问题,但我不确定这是否可能。随着窗口变小,我希望列缩小,直到它们达到最小宽度。一旦他们命中了,中间
的
一列就会跳到下面去
包装
。我想我
的
问题可以归结为--
flexbox
可以检测到它何时
包装
吗?如果是这样,我是否可以提示它更改
项目
在严格使用
CSS
包装
上
的
顺序?margin: 5p
浏览 0
提问于2017-04-15
得票数 25
1
回答
从cms动态加载
flexbox
javascript
javascript
、
flexbox
我正试图在Javascript中创建一个
flexbox
,以从我
的
CMS中加载一些
项目
。应该有3个图像表示每一行
的
项目
,因此我定义了一个
具有
行
包装
属性
的
柔性盒。容器元素有固定
的
宽度和高度,因此我希望循环运行4次,创建4项被堆叠在一行中,最后一项从下一行开始。我在代码片段中得到
的
是4条全屏幕宽度
的
项目
。我在屏幕上看到
的
是一张真实
的
照片,就是这样..&
浏览 1
提问于2019-09-25
得票数 1
回答已采纳
2
回答
删除带有包围子对象
的
flexbox
上
的
额外间距?
css
、
flexbox
每当
flexbox
中
的
项目
包装
时,它们往往会拉伸
flexbox
,从而在一侧留下额外
的
空间。只有当
项目
换行时才会发生这种情况。我如何去掉多余
的
空格?问题
的
屏幕截图 我想要它做什么 代码<div> <div></div>
浏览 4
提问于2016-06-18
得票数 14
1
回答
为什么
flexbox
在
包装
元素后不能收缩到合适
的
位置?
html
、
css
、
flexbox
我想要一个最大宽度
的
flex-box,它
的
最大宽度可以超过这个宽度,但它也适合flex box中任何给定“行”
的
最大大小。我现在面临
的
问题是,任何超出最大宽度
的
元素都会导致
flexbox
仍然占据最大宽度。这是一个演示这个问题
的
代码
的
链接: <div class="holder"> <div class="
f
浏览 0
提问于2020-01-01
得票数 6
2
回答
为什么我
的
flexbox
项目
不能彼此
包装
在一起?
javascript
、
flexbox
我有一个带有以下SCSS
的
Flexbox
容器: .picker {
width
: 100%; flex-flow: columnwrap; height: 25px; flex-shrink: 0; align-items: center; margi
浏览 27
提问于2020-12-11
得票数 1
回答已采纳
2
回答
用
CSS
更改节
的
顺序
html
、
css
我正在做一个
具有
响应性
的
布局和浮动
的
练习。在我
的
布局中,我有四个使用浮点数并排显示
的
部分。一个小
的
,然后一个大
的
,再多两个小
的
。对于较小
的
屏幕大小,我希望“大”部分向上移动,并首先显示,采取全宽度。我不知道如何改变各节
的
顺序,所以第一个小部分可以和另外两个部分连在一起。如何用
CSS
将大
的
部分向上移动(或向下移动第一个小部分)? height: 350px;
浏览 3
提问于2022-07-01
得票数 0
1
回答
Nativescript角度模式视图边界半径不起作用
modal-dialog
、
nativescript
、
angular2-nativescript
、
nativescript-angular
、
angular-nativescript
模式
包装
器: <FlexboxLayout flexDirection="column" alignItems="flex-start" justifyContent="space-around" class="wil-modal"> height: 310; border-radius: 30;ba
浏览 14
提问于2020-04-16
得票数 1
1
回答
如何从两个单独
的
类中固定伸缩间距
html
、
css
我在我
的
图库盒子容器中有两个独立
的
类。我将其设置为使用flex显示,但是列中没有空格。另外,它不能像显示文本一样显示所有的图片。 </div></body>
浏览 1
提问于2019-06-17
得票数 0
2
回答
在safari中无法正确查看图像
的
flexbox
html
、
css
、
safari
、
flexbox
我在Safari中使用
flexbox
时遇到了问题,我在这些页面上找不到适合我
的
解决方案。.
flexbox
{ -webkit-align-items: center; /* safarioverflow: hidden;}
浏览 1
提问于2015-10-05
得票数 2
1
回答
HTML -
Flexbox
align-self not applying
html
、
css
、
flexbox
我正在学习html/
css
,似乎item-2类
的
align-self没有应用,但在讲师视频中它是有效
的
。我只想知道代码中出了什么问题?这里是完整
的
代码,也可以在https://jsfiddle.net/nk0sp2ev/上分享 <!DOCTYPE html><head> <meta name=
浏览 15
提问于2020-05-03
得票数 0
回答已采纳
2
回答
css
柔性盒
包装
:模拟伪类来选择主轴/交叉轴上
的
开始/结束
项目
?
html
、
css
、
flexbox
、
pseudo-class
Flexbox
是一件很棒
的
事。但为了获得更多
的
功能,当使用弹性
包装
时:它需要伪类,类似于第一个孩子或最后一个孩子或第九个孩子。它将非常舒适地知道,如果
项目
在结束
的
主轴,或它被
包装
,现在它是在主轴
的
开始。例如,我想要这样:{ flex-flow:row wrap;{ /*sel
浏览 2
提问于2016-07-19
得票数 11
1
回答
简单
的
CSS
帮助
css
、
flexbox
我需要我
的
元素在一行中,居中
的
高度,并有右水平对齐在有界块。我试着使用
flexbox
来解决这个问题,所有的东西都只适用于一行
项目
,否则溢出
的
元素会占用所有可用
的
空间,并且它看起来不会正确对齐。
width
:80px; align-items: center; } span {
浏览 8
提问于2016-08-15
得票数 0
1
回答
试图同时显示缩略图img
的
css
显示:内联块
javascript
、
css
、
image
下面是JS
的
一部分,它将根据搜索结果在html中显示缩略图img。一旦点击缩略图,它将打开一个相关
的
youtube视频,但我
的
问题是如何将这些img并排排列?。<img src="${meal.strMealThumb}" class="meal-thumbnail-image"> </div>`我已经设置
CSS
对齐图像并排.这是我最近发现
的
,让他们站在一起。meal-th
浏览 0
提问于2018-11-29
得票数 0
回答已采纳
2
回答
如何在调整浏览器大小时防止内容重叠?
html
、
css
我正在通过Odin
项目
学习web开发,目前我被困在了登录页
项目
中。我觉得所有的东西看起来都和我使用
的
模板一样,但是我注意到上面的“占位符”图片( pug)和底部
的
“Sign Up”按钮有重叠
的
地方。这也是我从头开始
的
第一个
项目
,所以我知道我
的
HTML和
CSS
非常混乱。请善待我:)我已经为此工作了一个多星期,但我不知道我做错了什么!我怀疑这可能与我
的
负利润有关,但我不确定。这是我
的
超文本标记语言和<e
浏览 26
提问于2021-11-17
得票数 0
1
回答
如果子程序
具有
最小宽度,则
Flexbox
列
包装
在最新
的
Safari中不起作用。
html
、
css
、
macos
、
safari
、
flexbox
在将safari ( 10.1.1)和mac os (塞拉利昂)升级之后,列
包装
不再适用于
具有
最小宽度设置
的
项目
列表。它在我需要支持
的
其他浏览器中工作,并且在10.0.1版本
的
safari中工作。: -ms-
flexbox
; -webkit-box-orient: vertical; -ms-flex-flowwrap; flex-flow: column w
浏览 1
提问于2017-05-23
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
基于 Flexbox和CSS Grid 的高效布局
20条CSS高级技巧
24个 CSS 高级技巧合集
微信小程序使用flex的一些基础样式属性
20个编写现代CSS代码的建议
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券