腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
Flexbox
嵌
套在
flexbox
中
-
在
列
中
创建
一行
html
、
css
、
flexbox
我正在制作一个模拟调查表单,并将输入放入了一个
列
弹性框
中
,但我想让name字段
在
“first”和“last”之间拆分,并共享它们的水平空间。我试着将它们封装在一个div
中
,并为这个被封装的div赋予了row的flex属性,但它似乎被父
flexbox
覆盖了,使它们彼此垂直。如何并排放置姓名输入字段?
浏览 2
提问于2020-01-09
得票数 0
回答已采纳
2
回答
你能做一个嵌套式的挠曲箱吗?
html
、
css
、
flexbox
在下面的代码片段
中
,我有两个
flexbox
容器:一个主容器,包装行,第二个容器,嵌
套在
第一个容器
中
,它有一个
列
方向。.
flexbox
{ flex-wrap: wrap; flex: 1 1 auto; .
flexbox
-columnclass="
flexbox
flexbox
-element
flexbox
浏览 1
提问于2018-05-13
得票数 3
回答已采纳
2
回答
如何使用
flexbox
拆分对象并正确反应
css
、
reactjs
、
flexbox
我有一个例子,当行
中
的一个元素调整大小时,元素被分组成行,这样它们的高度是相同的,但当屏幕变小时,我想调整列
中
的元素,但会稍微改变它们的顺序。问题是我不想为这个不同的布局
创建
单独的react组件。
浏览 1
提问于2017-03-30
得票数 1
1
回答
从cms动态加载
flexbox
javascript
javascript
、
flexbox
我正试图
在
Javascript
中
创建
一个
flexbox
,以从我的CMS中加载一些项目。应该有3个图像表示每
一行
的项目,因此我定义了一个具有行包装属性的柔性盒。容器元素有固定的宽度和高度,因此我希望循环运行4次,
创建
4项被堆叠在
一行
中
,最后一项从下
一行
开始。我
在
代码片段
中
得到的是4条全屏幕宽度的项目。我
在
屏幕上看到的是一张真实的照片,就是这样..var
flexbox</em
浏览 1
提问于2019-09-25
得票数 1
回答已采纳
2
回答
将
flexbox
子项设置为具有不同的高度以耗尽可用空间
css
、
flexbox
使用两
列
flexbox
布局,如何使不同大小的子项填充所有可用空间,而不是使所有子项具有行中最高的子项的高度? 我在上设置了一个演示来说明这个问题。我希望所有的孩子都和他们包装的东西一样大。
浏览 0
提问于2014-01-08
得票数 49
回答已采纳
2
回答
如果行
中
没有足够的空间,请将挠性方向切换到
列
html
、
css
、
responsive-design
、
flexbox
在下面的示例
中
,我想要的是,当.inner-
flexbox
的子元素可以放进
一行
时,让它拥有flex-direction: row;,但如果不能,则切换到flex-direction: column;。我不认为媒体查询是我想要的,因为我将根据视口宽度是否大于或小于.inner-
flexbox
中所有.inner-
flexbox
的宽度以及<aside>的宽度。基本上,我不希望
在
.inner-
flexbox
包装内的项目-我希望它们都在
一行
,或所有<
浏览 0
提问于2017-04-07
得票数 7
回答已采纳
2
回答
在
div
中
嵌套语义html标记会影响辅助技术的使用吗?
html
、
css
、
web-deployment
、
semantic-markup
、
assistive-technology
如果语义标记嵌
套在
用作容器的div
中
以
创建
网页布局,辅助技术能否正常工作?我以前使用网格或
flexbox
创建
布局,首先使用div容器
创建
布局,然后将内容放入其中,但我想知道这种工作方式是否会影响辅助技术的正常流程。
浏览 1
提问于2022-06-26
得票数 -2
回答已采纳
1
回答
Flexbox
列
中
的
flexbox
行
html
、
css
、
flexbox
.main { flex: 1 1 auto;}.
flexbox
.footer {order: 0; align-self: stretch;在上面的.main
列
中
拉伸了100%的height,所有这些都很完美,现在在.main
中
添加.
flexbox
-row <div class="
flexbox</em
浏览 0
提问于2016-05-22
得票数 8
回答已采纳
1
回答
将子元素与
flexbox
对齐
css
、
flexbox
我有一个具有行方向的父Flex容器(.content-
flexbox
-row),在这个容器
中
,我正在
创建
另一个具有
列
方向(3
列
)的flex。第一
列
我有3个项目,第二
列
我有1个项目,第三
列
我有2个项目。我希望第2
列
和第3
列
数据从头开始,而不是从中心开始。 .content-<em
浏览 3
提问于2017-04-12
得票数 1
2
回答
Flexbox
子溢出父级
html
、
css
、
flexbox
我
在
玩
flexbox
,而我的弹性项似乎溢出了它的父容器。我能做些什么来确保它留在它的范围内? left: 15%; display: -moz-box; display: -ms-
flexbox
flex-item { display: -webkit-box; display: -ms-
flexbox</e
浏览 4
提问于2015-08-12
得票数 1
回答已采纳
1
回答
具有可变高度的引导行元素
twitter-bootstrap
我的设计
中
的
列
数因视口大小而异,这使我无法使用
创建
几个.row包装器来分离元素。 我的唯一解决方案是设置列表中元素的预定义高度,以确保
在
显示下一个元素(
在
新行上)时不会发生“跳转”。我还尝试使用javascript,找到元素的最大值,然后将所有元素设置为这个高度,但是这是一个糟糕的解决方案,因此图像高度的大范围也会<e
浏览 0
提问于2015-06-02
得票数 5
3
回答
强制
Flexbox
在
特定项目后换行(方向:
列
)
css
、
flexbox
各个条目使用
Flexbox
(方向:
列
)
在
另一个条目的下方显示。如果导航条目获得类"seperator“,则导航应该进入下
一行
。 应用示例:前两个条目位于彼此下方,第三个、第四个和第五个条目也是如此,但在一个新
列
中
。第六
列
和第七
列
也
在
彼此之下,但在第三
列
中
。
浏览 1
提问于2019-04-18
得票数 2
1
回答
元件位置较高是因为挠曲箱
html
、
css
、
flexbox
我有两个相同的div,其中一个嵌
套在
额外的<div class="
flexbox
">
中
。
在
展示
中
,两个方块都位于它们的同级段落旁边,但是第一个方块比第二个方格要高一些。p { line-height: 1.85rem; display: flex; float:left; background-color:
浏览 3
提问于2017-03-30
得票数 1
回答已采纳
2
回答
SubNav未出现
html
、
css
当你
在
“商店”上空盘旋时,我很难让我的SubNav出现。我从其他可以工作的项目中复制了下面的部分代码,但是现在什么也没发生。对于SubNav,我只是
在
寻找下拉菜单并显示其他项目。
浏览 1
提问于2018-04-16
得票数 0
回答已采纳
8
回答
CSS 100%高度
在
React应用程序
中
不起作用
css
、
reactjs
我正在尝试
在
我的React应用程序中使用
Flexbox
来
创建
一个简单的两
列
网页,它占据了整个宽度和高度。:root { height: 100%; min-height: 100% Right </d
浏览 0
提问于2017-10-16
得票数 12
1
回答
甚至
Flexbox
产品网格与左对齐
css
、
layout
、
flexbox
我试图得到一个很好的
Flexbox
网格,用于电子商务产品,但不能完全让它做我想做的事情。这可能是不可能的,我只是想看看还有什么我能做的。这是我的目标,… 我的问题有点类似于,但我特别希望
在
“
列
”中使用%s --我认为它更整洁,这意味着如果我使用%(比如32.5% ),我将连续使用3
列
。我马上就到了,但是最后
一行
被抛出了,因为是正当内容
浏览 1
提问于2013-08-13
得票数 1
1
回答
将
flexbox
容器缩小到内容大小
html
、
css
、
flexbox
如果使用
Flexbox
布局
在
一行
中
对某些项目进行布局,则
Flexbox
容器将占据其所在容器的全宽。如何将
Flexbox
容器设置为只占用其子元素的宽度?看一下下面的例子:
在
本例
中
,
flexbox
容器的大小超出了子元素的宽度。解决这类问题的典型方法是display: inline,但显然这是行不通的,因为那样它就不再是
flexbox
容器了。
浏览 3
提问于2017-07-12
得票数 11
1
回答
引导程序具有相同高度的
列
html
、
css
、
twitter-bootstrap-3
、
flexbox
我
在
使用Bootstrap的页面中有两
列
,但其中一
列
比另一
列
大。我想要做的是让两
列
的高度相同,这样我就可以
在
底部对齐较短的
列
的内容。我读过几种方法,比如margins、
flexbox
和tables。 </div&
浏览 0
提问于2016-09-30
得票数 3
5
回答
在
CSS网格
中
,每行可以有不同数量的
列
吗?
css
、
css-grid
col"></div> <div class="col"></div></div>这将
创建
2行,第
一行
是100 is高度,第二行是使用60px高度自动
创建
的。第二行
中
的2
列
浏览 14
提问于2017-12-03
得票数 33
回答已采纳
2
回答
计算
flexbox
中
的行数
android
、
android-layout
、
android-xml
、
android-flexboxlayout
在
我的安卓应用程序
中
,我使用了
flexbox
-layout。这是我的
flexbox
-layout android
浏览 16
提问于2017-07-10
得票数 3
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
基于 Flexbox和CSS Grid 的高效布局
给萌新的 Flexbox 简易入门教程
如何快速学习 CSS Grid 布局-相关资源和教程推荐
CSS Grid 布局完全指南
CSS3:flexbox布局语法教程
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券