腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
如何
使用
flex
使
div
容器
只
使用
一列
reactjs
、
react-native
、
flexbox
、
jsx
我的问题是它有足够的空间,但消息
只
占用了所有可用空间的一半。当我开始在浏览器中查看布局时,我注意到
div
容器
被分成几个边,我怀疑这就是我的问题的原因。 ? 我只需要一个大的列,而不是两个,或者即使第二个列可以根据需要占用足够多的空间,但我不知道
如何
在
Flex
中做到这一点。 ? 抱歉,如果问题很空洞,我对
flex
还很陌生。
浏览 74
提问于2021-11-22
得票数 0
回答已采纳
5
回答
如何
才能显示:
flex
容器
与其包装的内容水平展开?
html
、
css
、
flexbox
在
使用
css flexbox时,三个主要浏览器在某些方面的行为似乎完全不同。align-content :
flex
-start;}但是,我需要
容器
水平展开以容纳包装的元素:其行为如下: IE 11 -正确,
容器
水平伸展以包装包装元素的每
一列
。火狐-
容器<
浏览 5
提问于2014-05-01
得票数 32
回答已采纳
3
回答
Flex
box
容器
宽度不增长
css
、
flexbox
在默认行方向
使用
flex
box时,
容器
高度会增长以包含所有
flex
项,即使它是绝对定位的也是如此。#container { display:
flex
;}
flex
:0 0 200px;}但是,如果伸缩方向更改为列,则
容器
将折叠为单个伸缩项目的宽度,即
浏览 1
提问于2015-03-06
得票数 18
2
回答
当它的兄弟姐妹有不同的宽度时,将其居中。
html
、
css
、
flexbox
、
centering
.
flex
{ align-items: center;} <span style="font-size:18px;">Lots of content that moves the center</span> </<
浏览 3
提问于2017-06-06
得票数 12
4
回答
flex
容器
中的可折叠
div
也会打开其他
div
。
javascript
、
html
、
css
我在CSS弹性
容器
中有一组可扩展的
div
。时,行中的其他
div
也会展开。
如何
通过
只
展开我单击的
div
而不是展开行中的其他
div
来解决这个问题? 我
使用
flex
容器
,因为我构建了一个响应页面,并且有更多的组件,这些组件在这里不包括。是否可以
使用
flex
/网格
容器
?任何其他解决方案,我可以包装的
div
,并
使
它的响应应该是好
浏览 0
提问于2019-12-24
得票数 1
回答已采纳
9
回答
引导行类包含边距-左和边距-右,这会造成问题。
html
、
css
、
twitter-bootstrap
、
twitter-bootstrap-3
我
使用
Bootstrap 'row‘类在另一个之上对齐divs,这很好,但是 margin-left: -15px; } 我注意到的是
浏览 1
提问于2014-04-18
得票数 63
回答已采纳
1
回答
列表项将自动转到第二列,
容器
空间也将增加
javascript
、
html
、
css
、
flexbox
导航的外部宽度将是固定的,当项目增加时,其他项目将转到下
一列
。我用flexbox尝试了一下,并在
容器
中添加了
flex
-wrap: wrap;。但是不能设计这个。 我试着用这些代码。 display:
flex
; height: 320px;
flex
-wrap:class="container"> <
div</e
浏览 0
提问于2019-02-20
得票数 1
1
回答
多行伸缩框,
容器
宽度只有
一列
html
、
css
、
flexbox
我在
flex
-direction: column;中
使用
了多行flexbox。并将
flex
容器
从正常流程中移除(例如,
使用
position: absolute;).container { display:
flex
; <
div
class="item">1<
浏览 0
提问于2018-08-22
得票数 1
1
回答
使
挠性物品达到满溢
容器
的高度
html
、
css
、
flexbox
、
css-grid
在这个示例中(链接到最后的jsfiddle ),我想要
使
所有列具有相同的宽度,但如果
容器
溢出且出现滚动条,则除最后
一列
外,所有列仍然保持不变,例如
容器
宽度为600 six,六列中的每
一列
都有宽度100six当显示滚动条时,列1-5的宽度为100 six,最后
一列
为100 six滚动条宽度。
使
具有固定高度的
容器
通过滚动显示溢出,但
使
子
容器
也生长到
容器
的全部高度。在第二个例子中,灰色的列应该和黄色
浏览 2
提问于2021-10-29
得票数 1
2
回答
如何
使
一个弯曲物品的孩子填满他们父母100%的身高?
html
、
css
、
flexbox
问题是,我希望
容器
的每个子节点都是
容器
高度的100% (因此
容器
需要扩展到页面总高度的80% )。 是否可以
使用
Flexbox
使
容器
容纳几个元素,每个元素都是
容器
的总高度?我不知道
如何
使
一个元素既填补剩余的空间,然后
使用
它作为总高度的指标。无论
如何
,这里是一个 -简单的html和css如下:我的理想结果是,每个彩色divs都是body的完全高度减去header高度,
容器
将展开以容纳
浏览 4
提问于2017-02-27
得票数 2
回答已采纳
4
回答
当
flex
-direction为'column‘时,CSS
flex
-basis不起作用
html
、
css
、
flexbox
我的目标是
使用
flexbox创建一个两列布局,其中第
一列
有两行,第二列有一行,如下所示:仅当
容器
的
flex
-direction为row时,在第三项上设置
flex
-basis: 100%才能获得所需的效果 将
flex
-direction更改为column会导致以下结果,除非显式设置了height,这在我的项目中是不可行的:如果不显式设置
容器
的height,
如何
获取第一张图片?body { display:
fl
浏览 4
提问于2013-11-22
得票数 17
1
回答
当应用最小宽度/弯曲基时,
如何
将内嵌式柔性箱
容器
拉伸到其内容的大小?
css
、
flexbox
有一个
容器
,它容纳3行,每一行包含3列。我想
使
所有的列,除了第
一列
是一个固定的大小。第
一列
应扩展到所有可用空间,但不得小于300 be。当屏幕上的列没有空间时,它们应该展开它们存在的行。为了实现这一点,我尝试
使用
display:内联-,但是只有当我
使用
宽度属性为第
一列
设置固定大小时,它才能工作。但是,如果我将、最小宽度或
flex
-based设置为实际受益于
flex
-grow,则不会得到所需的行长度。我
如何
才能完成我现
浏览 0
提问于2018-04-22
得票数 0
2
回答
在3列之间添加空格
html
、
css
我想要一个动态宽度的
容器
,每行总是有3列,第
一列
在左边,第二列在整行的中心,第三列在右边。有没有一种自动实现这一点的方法?<
div
> <
div
></
div
> <
div
></
div
> &l
浏览 2
提问于2020-02-29
得票数 0
1
回答
当子元素有溢出:隐藏和单词间距:无包裹时,引导协议(
flex
-nowrap)比父元素占用更多的空间
html
、
css
、
twitter-bootstrap
我有这个代码 <
div
class="container"> <
div
class="row
flex
-nowrap" style="overflow: hidden;"><
div
class="col" style="
flex
: 0 0 120px !
div
> 第
一列
应该有一个固定的宽度,这就是我
使用
f
浏览 12
提问于2021-02-03
得票数 0
回答已采纳
1
回答
Chrome中的Flexbox似乎不尊重“纵横比”填充;在Firefox中很好
css
、
flexbox
我有一个包含最多三个
div
的包含行。每个子
div
要么有一个背景图像,要么只是一些文本。由于图像
div
使用
的是background-image,并且没有定义的宽度/高度,所以它们有一个
使用
设置的高宽比(在这个实例中
使用
伪元素)。这在Firefox中似乎非常有效,但在Chrome中,包含
div
的
div
似乎并不尊重最高
div
的高度,如下所示:作为参考,我
使用
了
flex
-directi
浏览 4
提问于2015-06-15
得票数 0
回答已采纳
1
回答
当<
div
>包含以列包装的项时,将其宽度限制在其内容上
html
、
css
、
flexbox
、
css-grid
我想从上到下添加
容器
中的项目,从左到右在几个列中显示项目。这是我正在做的代码。 display: inline-
flex
;
flex
-wrap: wrap; <
div
class="item">5<&
浏览 0
提问于2020-10-25
得票数 2
回答已采纳
2
回答
显示:
flex
和定位我的元素
twitter-bootstrap
、
css
、
media-queries
、
flexbox
我很难知道我应该应用哪些元素来实现我想要的设计结构:
flex
;规则,以及哪些元素应该应用
flex
-wrap:wrap;。我理解媒体查询,以及
如何
应用规则选项以上和以下的屏幕大小-媒体查询也可以覆盖弹性规则吗?如果屏幕大小超过480 if,我在<
div
=“col-8” class=“ img-box” .I上设置了一个<
div
=“col-4” class=“sidebar”,希望它们连在一起,但我希望<
div
=“col-4” class=“sidebar”在屏幕大小小于
浏览 1
提问于2016-10-13
得票数 1
回答已采纳
2
回答
将项目扩展到内容高度
html
、
css
、
flexbox
我
使用
flexbox布局在
一列
中定位三个
div
,
使
每个
div
具有相同的高度。如果内容太大,每个
div
都会显示一个滚动条。我希望每个部分
只
扩展到其内容的高度,但目前发生的情况是,无论其中的内容
如何
,每个部分总是相同的高度。 </
d
浏览 1
提问于2015-05-26
得票数 2
1
回答
CSS网格
如何
使用
自动调整来设置列数
css
、
css-grid
我已经将网格设置为2列,其中
一列
的宽度为350px,另
一列
占用剩余的空间: <
div
class="container"> <
div
class="item2"> padding: 25, display: '
浏览 16
提问于2019-06-28
得票数 0
1
回答
如何
使用
css创建一个固定高度、多行、任意大的水平滚动
容器
?
html
、
css
、
flexbox
、
css-grid
我正在尝试构建一个
容器
,它有一个
div
列表,每个
div
都占用一个可变的空间(基于
div
中文本的数量)水平流动。我试过用网格和挠性盒来做这个。我认为实现这一点的方法是
使用
浏览 2
提问于2022-03-11
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给萌新的 Flexbox 简易入门教程
迈向 Grid 二维布局时代
最全的实现垂直居中的方法
前端设计,CSS 常用布局解决方案
CSS 布局解决方案
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券