flexbox 相关问题

CSS3模块提供灵活的布局,提供了广泛的对齐元素选项,同时无需浮动和表格。

如何对flex元素的某些部分进行分组?

我差不多完成了我的React Native视图,但我不确定如何在包含很多内容的页面中对单个项目进行分组。如何直接在标题下移动详细信息?查看返回(

回答 2 投票 2

如何在IE中修复flex column height bug

在IE中我遇到了一个问题,我的flex列被拉伸的原因不明。我需要每个弹性项目的图像高度和宽度始终相同,并且响应所以我需要它们...

回答 3 投票 5

固定位置表标题延伸到屏幕外

我有一个带有固定顶部标题,固定左侧边栏和可滚动右侧内容区域的布局。内容包括一个长表,我想在粘性标题下滚动。我创造了......

回答 2 投票 2

响应地将2列布局折叠为单列

我目前有一个由内容框组成的页面,其布局使得有两个不等宽度的浮动列,每个框具有适合其内容的不同高度,某些东西......

回答 3 投票 1

单排网格,高度为1fr,未在Chrome中填充高度

我在Flexbox列中有一个CSS Grid,并且网格具有flex-grow:1。在Chrome中,网格会扩展以填充可用空间,但其内容不会,即使在网格上使用align-content:stretch。 ...

回答 1 投票 5

为嵌套的外部flex项设置固定高度

我将尝试在嵌套解决方案中将固定值设置为外部flexbox项的高度,但没有运气。在flex-container和flex-item上尝试高度,固定高度,最大高度。为了证明我......

回答 1 投票 -1

如何在Flexbox内部输入可用空间? [重复]

我正在尝试获取输入以获取此flexbox中的所有可用空间,但不会超出flexbox的宽度。 OK

回答 3 投票 2

将两个链接移动到导航右侧

我正试图在导航结束时将“开始”和“雇用我”的最后两个链接放到右边。我附上了一张照片和我的代码。我正在使用SASS进行造型我一直试着......

回答 2 投票 0

Flexbox溢出-x最后一个边距[重复]

我用翻译器。我的意见无法准确传递。 ul {display:flex; overflow-x:auto;边界:1px固体水;背景色:番茄;宽度:400px;列表样式:...

回答 1 投票 3

flexbox中的中心文本,它是bootstrap行的子容器

我想知道是否有人可以帮助在关于页面内的文本中心,而不改变动态页面高度计算。这是页面:https://protasov.by/contacts/这里是jade / pug代码...

回答 2 投票 -2

Flexbox和令人讨厌的滚动条

我正在尝试使用flexbox构建一个(响应式)网站。必须修复的文本框基本上是导航。该网站唯一可移动的部分是中心的文字......

回答 2 投票 1

CSS Flexbox:flex-wrap一个div到两行,每行都有单独的增长

我是Flexbox的新手,但我在一个网络项目中使用它来移动嵌入式视频播放器 element using the order property. It works perfectly for this. This is all displayed ...

回答 1 投票 2

使用flex-parent会破坏单项Flex布局

进一步扩大这个最近的问题:当在弹性行中使用`nowrap`时,避免将最后一个元素推离屏幕我很难理解为什么有一个flex父级 - ...

回答 1 投票 0

向div添加文本内容会导致内联块项目崩溃[重复]

我想要在同一条线上显示4个圆形图像,最后一个圆圈包含一个数字。我有以下代码接近,但最后的圆圈被撞了......

回答 3 投票 0

设置flexbox中项目的初始宽度[重复]

我遇到了flexbox的问题,我试图让我的第一个.cell1占据其中3个项目的宽度,所以它应该是300px宽,所以我设置为flex:0 0 auto我有设置.cell2 ......

回答 1 投票 4

在弹性行中使用`nowrap`时,请避免将最后一个元素推离屏幕

我需要在一行内渲染一个长文本。和一行中的图像(屏幕的紧密端)。给定一个非常长的文本,我必须简单地截断它。该文本现在应该进入......

回答 2 投票 2

如何为flexbox,row,no-wrap添加换行符?

当我调整浏览器窗口的大小时,我想要更改列的数量,而框架是灵活的,使用flex-wrap:no-wrap;。所以我认为如果我在div之后添加休息时间可能是解决方案......

回答 1 投票 0

如何从卡片或类似物中获取标题与弹性盒子具有相同的高度?

没有黑客请不要硬编码。这个想法并不能解决一个案例,例如:对于有4列的情况,但解决它的动态内容和响应屏幕大小。问题是......

回答 2 投票 2

如何使div(flexbox)在滚动时保持在固定位置(使用div做表)

我有一个用div制作的表,使用flexbox来获得我的div的漂亮表格格式。现在我得到了这样的结构: &...

回答 3 投票 0

根据另一个Div保持高度[重复]

.col-6 h1 {color:white; text-align:center; } h1 {background-color:red; } .COL1,.COL2 {border:1px solid red; }

回答 2 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.