flexbox 相关问题

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

Bootstrap根据屏幕大小显示行中元素的数量

如果用户在中型设备(≥768px)上并且如果它们在(<768px)设备上,则我需要连续显示3个图像,然后我需要连续显示2个图像。我如何使用Bootstrap或...

回答 2 投票 2

Flexbox元素高度100%超出父级?

因此,由于设计原因,我不得不在这里使用flexbox,我需要btn p元素像显示块一样,我设法通过另一个堆栈帖子,但现在当我制作“其他div”时......

回答 1 投票 -3

如何将flex行用于不同高度的元素

例如,我正在尝试堆叠具有不同高度的块,如下所示:.container {display:flex; flex-flow:row wrap; } .box {width:50%;身高:50px;背景颜色: ...

回答 3 投票 3

前/左和后/右文字[重复]

我有h3并希望在DAY-BY-DAY字之前/之后和之后有一行,但只能在:: after和:: before之前在该字的顶部和底部实现一行。我怎样才能实现......

回答 1 投票 1

React native flexbox - 如何进行百分比调整||列||响应||网格等

在过去几周使用iOS本地反应之后,我似乎遇到了一些flex样式的缺点......特别是在涉及“响应”行为时。例如,...

回答 3 投票 11

2x2网格相同的高度,尽管框内容量

我试图创建一个2x2网格,其中四个单独的框(红色,蓝色,绿色,黄色)的高度都相等,尽管它们包含多少内容。 #rowTwo {background-color:pink; ...

回答 1 投票 0

以flex速记省略flex-grow值

在这个资源中:https://www.w3.org/TR/css-flexbox-1/#propdef-flex它说,当使用flex速记时,如果你省略flex-grow,它被设置为1.但是你怎么能在第一时间省略它?

回答 2 投票 1

重叠图像与另一个图像

第一张图像以其多重混合模式及其颜色(100%x 1172像素)作为背景。在这个容器的最底部是一个块(50%x 520px)具有相同的背景,但没有......

回答 1 投票 2

固定宽度父级内的Flexbox无法正常工作

我在这里重现了这个问题http://jsfiddle.net/dmo266uy/1/可悲的是,我无法触摸那个父类,但如果我删除它上面的宽度,flex工作。调整窗口大小可以移动卡片内的卡片-...

回答 1 投票 0

Flex容器取整个高度

我有一个Flex容器,它来自另一个Flex容器,第一个是导航栏,第二个是页面内容。我尝试让内容占据页面的整个高度,并且......

回答 3 投票 1

Flexbox在firefox中看起来完全不同

我认为这个问题可能被认为是“noobish”,但我想知道为什么我的flexbox在firefox中看起来完全不同。我忘记了什么任何帮助非常感谢。我耽心 ...

回答 2 投票 1

使flex项目像显示块一样[复制]

所以我有一个容器,它使用display flex,然后是4个div,其中第一个需要像使用显示块一样,其他3个需要按原样使用。代码段演示:...

回答 4 投票 5

可扩展盒子不断增长

浏览器:Chrome我试图设置一排盒子,里面有一个可以展开的项目。我希望同一行上的项目具有相同的高度。当可扩展项目是......

回答 4 投票 1

IE9不支持显示:inline-flex吗?

我一直在寻找StackOverflow,甚至在哪里可以找到display:inline-flex;适用于IE9。我在此之前发布了一个问题,因为我无法动态扩展宽度,...

回答 1 投票 8

Flexbox和:nth- child没有正确呈现

我正在尝试制作4个盒子,其中前2个是绿色的,以及内容(一个字体 - 真棒图标和一个 应该垂直居中。 .big-div {display:flex;证明内容:......

回答 4 投票 0

滚动显示在悬停项目上[重复]

我的导航有点问题:悬停课程。 http://prntscr.com/dp349n这是一个网站链接。将鼠标悬停在菜单(每个列表)上时会出现问题。我想要下划线/ ......

回答 1 投票 0

Flexbox或Column CSS用于定位这样的元素

有没有任何解决方案可以避免浮动并使用flexbox并在我的表示中进行这种类型的布局?我没有任何例子,只有我需要的这张照片。我会尝试解释......

回答 2 投票 0

如何使流体布局等间距

我的问题是设计和代码问题,我有一个对角线布局,包括一段文字与一个图像配对,然后在下一行翻转(图像然后段落)。 ......

回答 1 投票 0

动态布局具有不同的高度,但在一个模式中

我不确定这是否可行,但我正在尝试创建一个这样的布局:元素是 's with text inside, coming from a PHP foreach loop. While being pulled from the database, ...

回答 2 投票 0

儿童div在CSS Flexbox中溢出超过100%的高度(FF / Chrome不一致)

我在使用flexbox将div调整到其完整父级的高度时遇到了一些麻烦。该问题仅发生在Chrome(48)下,它正确呈现(或我理解为正确)...

回答 1 投票 1

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.