flexbox 相关问题

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

为什么当我使用flex-shrink时我的元素不会收缩?

我刚刚开始处理 odin 项目的登陆页面项目,我遇到了这个问题,当我使浏览器具有...

回答 1 投票 0

光滑的滑块在弹性容器中不起作用

我正在尝试将光滑的轮播(http://kenwheeler.github.io/slick/)垂直居中在一列中。所以我使用display:flex;对齐项目:居中;在列(光滑滑块的容器)上,但它......

回答 2 投票 0

如何使用 flex 或 css-grid 将三个 div 设置为两列?

[作者:抱歉,有人编辑了我的内容并删除了我已经尝试过的内容。我正在寻找 flex 或 css-grid 答案。请不要改变我的文字——改进我的格式就可以了

回答 1 投票 0

如何将网格项的子项设置为单行两列?

我尝试设置样式的标记可以在下面以及下面的 CodePen 演示中找到。标记不能更改;只有CSS。我也不想从外部网格继承任何网格样式。

回答 1 投票 0

如何将三个 div 设置为一行中的两列?

.外网格{ 显示:网格; 网格模板列:重复(3,1fr); 列间距:24px; 行距:24px; } 。容器 { 内边距:24px; 边框:1px 纯黑; } 。标题 { 字体粗细:b...

回答 1 投票 0

如何在剪辑时删除整个元素?

我在 div 内的无序列表中有一个项目列表,并且隐藏了溢出。列表中的项目由带有文本内容和边框的框表示。它可以是一个很长的使用列表...

回答 1 投票 0

页脚不会随着@media use而动态变化

我有一个基本的页脚,我的导航栏和页眉都动态适应,到目前为止没有什么疯狂的,但我正在努力,但是当我去尝试和操纵我的页脚时,我只是不能......

回答 1 投票 0

Div 不会折叠得小于内容

我正在创建一个页面,我希望祖父母占据页面的整个垂直高度 Sibiling 和 Bottom-Child 的高度固定,并且父级和 Top-Child 占用的空间与

回答 1 投票 0

单列中的文本和图像对齐

我正在尝试用flex实现类似于这张图片的形状,但是所有元素都没有对齐并且与图片的距离相同,我不知道我的实现是否是错误的...

回答 1 投票 0

调整由 justify-content space- Between 设置的元素之间的间距

有什么方法可以减少 justify-content:space- Between 中的空间吗? 元素之间的空间太大。 space-around 也不是解决方案,所以我想知道我是否可以例如......

回答 4 投票 0

将弹性容器设置为内容宽度

我认为这很简单,但我无法理解。我有一个 .notes 容器。宽度应由 .first-line 的内容设置。并且 .second-line 应采用相同的宽度。无线...

回答 2 投票 0

Flex 容器挑战

我认为这很简单,但我无法理解。我有一个 .notes 容器。宽度应由 .first-line 的内容设置。并且.第二行应采用相同的宽度。无线...

回答 1 投票 0

启用换行的 Flex 列中的元素在包含基于嵌套宽高比的元素时不会保留内容高度

今天,我必须构建一个相当复杂的布局,需要垂直堆叠弯曲的项目,并在其中包含宽高比绑定的图像。在开发这个时,我发现当弹性容器被设置时...

回答 1 投票 0

如何使省略号与显示柔性配合使用

我不知道为什么这个简单的CSS不起作用...... 。应用程序{ 位置:相对; 背景颜色:#eae9ea; 对齐项目:居中; 显示:柔性; 弯曲方向:行; 调整内容:空格-

回答 1 投票 0

Angular ngFor flex-grow

Angular 似乎在 dom/html 中插入了额外的元素,导致 flex-grow 无法应用于正确的元素。存在一个完全工作的硬编码版本,但我正在努力制作......

回答 1 投票 0

使用间隙时如何正确将弹性项目设置为 50%? [重复]

所以看来我对flexbox有些误解,无法正确解决问题。 我有一个 Flexbox 容器,其中包含四列,它们是 Flexbox 容器的直接子级。还有一次

回答 1 投票 0

停止`display: flex`改变孩子的高度

非常简单的设置: 福 。根 { 显示:柔性; } A { 填充:0.125rem; } 切换显示:devtools 中的 flex 样式...

回答 1 投票 0

Twilio webchat 3.0 能够在特定时间段后结束网络聊天

我们正在使用 Flex 帐户,目前有移动应用程序聊天。它是使用对话sdk实现的。现在计划使用相同的弹性帐户为我们的网站实施网络聊天,但不使用

回答 1 投票 0

如果 div 容器 'display:flex' 不起作用,有什么解决方案吗?

这可能是我自己的错误或粗心,因为在youtube上学习视频教程时,在主页内容部分,我想要图片内容和t...

回答 1 投票 0

Tailwind 柔性容器在 X 轴上未显示溢出,为什么?

我对这段代码的工作方式有点困惑。我是顺风的新手,我不知道我是否遗漏了一些重要的东西,但一个简单的代码假装显示地平线的几个元素......

回答 2 投票 0

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