腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
flex-wrap
:
wrap
;
在
多个
flex-boxes
上
不能
正常
工作
、
、
我想要包装两个
flex-boxes
;因此,我将
flex-wrap
:
wrap
;分配给了父DIV。但是,
在
flex长方体有多条线之前,它的行为是正确的。但是,当我使用类.book添加了
多个
DIV,以便浏览器需要多行才能显示它时,想要的行为就消失了。带有大加号和id #add-book的项占据了一个全新的行。但是,我想让它包装起来。 ? #books, display: flex; justify-content: cent
浏览 76
提问于2021-08-14
得票数 0
回答已采纳
2
回答
Flex-wrap
: nowrap
不能
正常
工作
、
、
属性
flex-wrap
: nowrap未
正常
工作
。你能帮我找出问题出在哪里吗? min-width: 460px; margin: 0 auto 30px;
flex-wrap
center;} min-height: 50px;
flex-wrap</
浏览 1
提问于2021-07-11
得票数 0
2
回答
属性
flex-wrap
不能
正常
工作
?
、
我必须使用属性
flex-wrap
:
wrap
;,但我的问题是我
在
第一行对齐了4个项目。.container{ display:flex; align-items:center;}border-box; width:100%; justify-content:center; ali
浏览 22
提问于2021-06-05
得票数 0
回答已采纳
1
回答
图像Flexbox样式
在
Github中无法
工作
、
、
、
、
我想让我的github标记响应在不同的屏幕
上
但是,
在
我将所有更改推到github
上
之后,样式就
不能
正常
工作
了。样式代码: display: flex;
浏览 1
提问于2021-01-31
得票数 1
1
回答
限制每行显示的框数
、
我有下面的HTML代码,它基本
上
是一个里面有小输入框的框。我想在同一行
上
最多有4个输入框,如果有更多的话就换行。我不手动执行此操作的原因是,.js文件最终会在代码中添加输入框。 我已经将每个框的宽度设置为25%,但我
在
父对象
上
设置了display:flex,以便它们都在同一行
上
。在这个小提琴中,有一个我正在讨论的示例:https://jsfiddle.net/wr41ah63/7/,每个任务都在同一行
上
,但我希望一行最多包含4个任务。
浏览 38
提问于2020-03-25
得票数 1
回答已采纳
2
回答
如何将区段内的垂直分割布局更改为移动设备
上
的水平拆分
、
两边位于xop容器的下面,分割是垂直的,但是我似乎无法通过将垂直拆分转换为移动视图的水平拆分来使媒体查询
工作
。
浏览 0
提问于2018-06-04
得票数 0
回答已采纳
1
回答
Flex display - Android
上
没有包装?
我
在
一个容器中显示
多个
DIV,我希望它们
在
右侧没有更多空间时进行包装。它在IOS上
工作
得很好,但我
不能
让它在Android上
工作
。-webkit-flex-
wrap
:
wrap
;-ms-flex-
wrap
:
wrap
;这是一个jsfiddle: 感谢您的帮助
浏览 2
提问于2014-06-03
得票数 0
2
回答
Angular8 cdk:拖放在网格上不起作用
、
、
、
、
我尝试
在
单行中使用CDK拖放,它
工作
得很好,类似地,它在单列中也
工作
得很好,但是当我使用
flex-wrap
:
wrap
在行和列中显示磁贴时,它
不能
正常
工作
。
浏览 14
提问于2019-09-12
得票数 1
2
回答
Flexbox项目每行4项,而不是2项?
、
、
但是使用第二种解决方案,它似乎
工作
正常
。为什么它
不能
像在第一个css代码中那样
工作
呢?div> <div class="item">4</div>.container {
flex-wrap
:
wrap
; flex:
浏览 5
提问于2022-05-17
得票数 -1
2
回答
如果没有空格,则将单词换行
、
word-break: keep-all;"> </h6> 日期
在
连字符后换行
在
-hyphen之后,date的剩余部分将转到下一行。如何使整个日期转到下一行
浏览 14
提问于2019-05-14
得票数 2
1
回答
平衡块元素,如打印中的文本行
在
容器内浮动箱子会使它们填满一行,然后按如下方式包装到下一行:[7][1][2][3][4]或者更好的做法是,让它们
在
每一列中“包装”,同时填充空间:[2][4][6] display: inline-block; /*Needs this so make colums
浏览 1
提问于2017-12-14
得票数 1
回答已采纳
1
回答
有问题试图使固定导航条移动响应
、
我
在
FCC技术文档页面上
工作
,我有一个问题,我试图使这个项目移动响应,但我遇到了一个问题,我似乎不知道如何移动我的左固定导航条,并将它转换到顶部导航条,它的中心对齐在任何低于920 of,如果你有任何帮助编辑完成了项目移动响应,可能不是最有效的方法,但在我学习的过程中,单击链接查看代码以查看我所做的
工作
。
浏览 0
提问于2021-06-25
得票数 0
回答已采纳
6
回答
离子框架:带有多行和多列的GridLayout,arrayItem的按钮放在其中
在
页面上,使用ng-重复,我尝试在网格布局
上
放置按钮.迭代
在
控制器$scope.btnNames[]中定义的数组。由于$scope.btnNames[]大小为20,所以我喜欢
在
5行中放置20个按钮,其中每行将有4个按钮。1)
在
控制器
上
:-我有一个数组,其按钮名为$ names .bb‘’aa‘,'bb','cc','dd','ee',’ff‘.它的尺寸是20。2)
在
页面上:-使用ng-重复,
浏览 3
提问于2014-12-02
得票数 9
回答已采纳
3
回答
Flexbox div文本包装
、
、
{ display: flex;.left {} display: flex;} <div class="child left"> Left!
浏览 6
提问于2015-12-15
得票数 16
回答已采纳
1
回答
Flexbox包装纸无法处理我的4张图片
、
、
、
你好,我不知道为什么,但出于某种原因,柔印盒不
工作
。我有4张图片在一个部分。我
在
容器
上
添加了柔性盒包装,我还在儿童图像
上
分配了flex 1,但由于某种原因,flexbox无法
工作
。capabilities { margin-bottom: 4.5rem; display: flex; // min-w
浏览 0
提问于2020-08-12
得票数 0
回答已采纳
3
回答
怎样才能使人的消费下降?
、
我有以下内容要显示,所以
在
第一行:1,2,第二行:3,4,第三行:5。 我怎样才能这样做,肯定会接受这个答案。
浏览 5
提问于2016-10-29
得票数 0
回答已采纳
1
回答
结果显示
在
两行
上
?
、
、
我已经在这个项目上
工作
了一段时间; Html <!background-color .3s ease-in-out;} 有没有什么办法可以让结果转到额外的一行
上
呢
浏览 2
提问于2016-05-11
得票数 0
1
回答
等高和包扎的儿童div
、
、
我有一个带有七个或更
多个
子div的父div。我需要在.其余的将在后面的行中包装,每个行包含四个div。我需要孩子的div都有相同的高度,相对于其他三个同排的子div。display:内联块
不能
解决这个问题(不相等的子div高度),而display:表单元格不允许子div包装到后续行中。我怎样才能完成我的目标?
浏览 2
提问于2016-01-29
得票数 2
回答已采纳
1
回答
有办法连接CSS类选择器吗?
、
、
我正在编写一个将用于
多个
项目的基本CSS框架/指南,我希望创建一些类,这些类将具有与它们相关的样式,以便更快地进行开发。例如,我希望能够按照以下思路来做一些事情:在这里,我将编写一个SCSS选择器,该选择器将完成以下
工作
: display-
wrap
{ } &.-column
浏览 1
提问于2019-08-24
得票数 0
回答已采纳
2
回答
防止可滚动的flex容器和空间flex项垂直收缩
、
、
我希望
在
单行(最终
在
容器上有一个水平滚动条)或包装在
多个
行中交替地显示它们。 display: flex; justify-content: space-around;.single-line ul {}
flex-wrap
:
wrap
;li {
浏览 5
提问于2016-12-21
得票数 4
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
第一部分:前端项目的常见CSS问题
灵活的 overflow
在这3年开发中遇到的 CSS 问题及解决方案,有大佬帮他总结好了
CSS-常见布局介绍
WEB开发技术基础知识整理——CSS
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券